.fx-vnav,
.fx-switch,
.fx-nav__item,
.fx-modal-backdrop,
.fx-input-password__link,
.fx-checkbox+label,
.fx-catalog-header,
.noselect,
.fx-card-header,
.fx-btn-n-white,
.fx-btn-n-inverse,
.fx-btn-n-mono-dark,
.fx-btn-n-mono,
.fx-btn-n-danger,
.fx-btn-n-warning,
.fx-btn-n-success,
.fx-btn-n-accent,
.fx-btn-n-primary,
.fx-btn-o-white,
.fx-btn-o-mono-light,
.fx-btn-o-mono,
.fx-btn-o-danger,
.fx-btn-o-warning,
.fx-btn-o-success,
.fx-btn-o-accent,
.fx-btn-o-primary,
.fx-btn-twitter,
.fx-btn-white,
.fx-btn-mono,
.fx-btn-danger,
.fx-btn-warning,
.fx-btn-success,
.fx-btn-accent,
.fx-btn-primary {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cursor-grab {
  cursor: pointer;
  cursor: hand !important;
  cursor: grab !important;
  cursor: -webkit-grab !important;
}

.cursor-grab:active {
  cursor: grabbing !important;
  cursor: -webkit-grabbing !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.cursor-pointer:active {
  cursor: pointer !important;
}

.cursor-text {
  cursor: text !important;
}

.cursor-text:active {
  cursor: text !important;
}

.cursor-move {
  cursor: move !important;
}

.cursor-col-resize {
  cursor: col-resize !important;
}

.fx-tab--sm,
.fx-table-outlined>tbody>tr>td,
.fx-table-outlined>thead>tr>th,
.fx-label--sm,
.fx-textarea,
.fx-input,
.fx-input-lg,
.fx-input-md,
.fx-input-sm,
.fx-input-xs,
.fx-input-xxs,
.fx-dropdown-toggle--md,
.fx-dropdown-toggle,
[fx-t-font~=p],
.p {
  font-size: 14px;
  font-weight: normal;
  line-height: 21px;
  letter-spacing: .02em;
}

[fx-slider] span.bubble.fx-tab--sm,
.fx-messages__message.fx-tab--sm,
.fx-table-outlined>tbody>tr>td.fx-messages__message,
.fx-table-outlined>thead>tr>th.fx-messages__message,
.fx-input-btn-group>.fx-input-btn-group__btn.fx-tab--sm,
.fx-table-outlined>tbody>tr.fx-input-btn-group>td.fx-input-btn-group__btn,
.fx-table-outlined>thead>tr.fx-input-btn-group>th.fx-input-btn-group__btn,
.fx-input-label.fx-tab--sm,
.fx-table-outlined>tbody>tr>td.fx-input-label,
.fx-table-outlined>thead>tr>th.fx-input-label,
[fx-slider] span.fx-label--sm.bubble,
.fx-label--sm.fx-messages__message,
.fx-input-btn-group>.fx-label--sm.fx-input-btn-group__btn,
.fx-label--sm.fx-input-label,
[fx-slider] span.fx-textarea.bubble,
.fx-textarea.fx-messages__message,
.fx-input-btn-group>.fx-textarea.fx-input-btn-group__btn,
.fx-textarea.fx-input-label,
[fx-slider] span.fx-input.bubble,
.fx-input.fx-messages__message,
.fx-input-btn-group>.fx-input.fx-input-btn-group__btn,
.fx-input.fx-input-label,
[fx-slider] span.fx-input-lg.bubble,
.fx-input-lg.fx-messages__message,
.fx-input-btn-group>.fx-input-lg.fx-input-btn-group__btn,
.fx-input-lg.fx-input-label,
[fx-slider] span.fx-input-md.bubble,
.fx-input-md.fx-messages__message,
.fx-input-btn-group>.fx-input-md.fx-input-btn-group__btn,
.fx-input-md.fx-input-label,
[fx-slider] span.fx-input-sm.bubble,
.fx-input-sm.fx-messages__message,
.fx-input-btn-group>.fx-input-sm.fx-input-btn-group__btn,
.fx-input-sm.fx-input-label,
[fx-slider] span.fx-input-xs.bubble,
.fx-input-xs.fx-messages__message,
.fx-input-btn-group>.fx-input-xs.fx-input-btn-group__btn,
.fx-input-xs.fx-input-label,
[fx-slider] span.fx-input-xxs.bubble,
.fx-input-xxs.fx-messages__message,
.fx-input-btn-group>.fx-input-xxs.fx-input-btn-group__btn,
.fx-input-xxs.fx-input-label,
[fx-slider] span.fx-dropdown-toggle--md.bubble,
.fx-dropdown-toggle--md.fx-messages__message,
.fx-input-btn-group>.fx-dropdown-toggle--md.fx-input-btn-group__btn,
.fx-dropdown-toggle--md.fx-input-label,
[fx-slider] span.fx-dropdown-toggle.bubble,
.fx-dropdown-toggle.fx-messages__message,
.fx-input-btn-group>.fx-dropdown-toggle.fx-input-btn-group__btn,
.fx-dropdown-toggle.fx-input-label,
.fx-dropdown-item__tag.fx-tab--sm,
.fx-table-outlined>tbody>tr>td.fx-dropdown-item__tag,
.fx-table-outlined>thead>tr>th.fx-dropdown-item__tag,
.fx-dropdown-item__tag.fx-label--sm,
.fx-dropdown-item__tag.fx-textarea,
.fx-dropdown-item__tag.fx-input,
.fx-dropdown-item__tag.fx-input-lg,
.fx-dropdown-item__tag.fx-input-md,
.fx-dropdown-item__tag.fx-input-sm,
.fx-dropdown-item__tag.fx-input-xs,
.fx-dropdown-item__tag.fx-input-xxs,
.fx-dropdown-item__tag.fx-dropdown-toggle--md,
.fx-dropdown-item__tag.fx-dropdown-toggle,
.fx-catalog-header__cell.fx-tab--sm,
.fx-table-outlined>tbody>tr>td.fx-catalog-header__cell,
.fx-table-outlined>thead>tr>th.fx-catalog-header__cell,
.fx-catalog-header__cell.fx-label--sm,
.fx-catalog-header__cell.fx-textarea,
.fx-catalog-header__cell.fx-input,
.fx-catalog-header__cell.fx-input-lg,
.fx-catalog-header__cell.fx-input-md,
.fx-catalog-header__cell.fx-input-sm,
.fx-catalog-header__cell.fx-input-xs,
.fx-catalog-header__cell.fx-input-xxs,
.fx-catalog-header__cell.fx-dropdown-toggle--md,
.fx-catalog-header__cell.fx-dropdown-toggle,
.fx-btn--xs.fx-tab--sm,
.fx-table-outlined>tbody>tr>td.fx-btn--xs,
.fx-table-outlined>thead>tr>th.fx-btn--xs,
.fx-btn--xs.fx-label--sm,
.fx-btn--xs.fx-textarea,
.fx-btn--xs.fx-input,
.fx-btn--xs.fx-input-lg,
.fx-btn--xs.fx-input-md,
.fx-btn--xs.fx-input-sm,
.fx-btn--xs.fx-input-xs,
.fx-btn--xs.fx-input-xxs,
.fx-btn--xs.fx-dropdown-toggle--md,
.fx-btn--xs.fx-dropdown-toggle,
.fx-badge.fx-tab--sm,
.fx-table-outlined>tbody>tr>td.fx-badge,
.fx-table-outlined>thead>tr>th.fx-badge,
.fx-badge.fx-label--sm,
.fx-badge.fx-textarea,
.fx-badge.fx-input,
.fx-badge.fx-input-lg,
.fx-badge.fx-input-md,
.fx-badge.fx-input-sm,
.fx-badge.fx-input-xs,
.fx-badge.fx-input-xxs,
.fx-badge.fx-dropdown-toggle--md,
.fx-badge.fx-dropdown-toggle,
.fx-accordion-header.fx-tab--sm,
.fx-table-outlined>tbody>tr>td.fx-accordion-header,
.fx-table-outlined>thead>tr>th.fx-accordion-header,
.fx-accordion-header.fx-label--sm,
.fx-accordion-header.fx-textarea,
.fx-accordion-header.fx-input,
.fx-accordion-header.fx-input-lg,
.fx-accordion-header.fx-input-md,
.fx-accordion-header.fx-input-sm,
.fx-accordion-header.fx-input-xs,
.fx-accordion-header.fx-input-xxs,
.fx-accordion-header.fx-dropdown-toggle--md,
.fx-accordion-header.fx-dropdown-toggle,
[fx-t-font~=small-caps].fx-tab--sm,
.fx-table-outlined>tbody>tr>td[fx-t-font~=small-caps],
.fx-table-outlined>thead>tr>th[fx-t-font~=small-caps],
[fx-t-font~=small-caps].fx-label--sm,
[fx-t-font~=small-caps].fx-textarea,
[fx-t-font~=small-caps].fx-input,
[fx-t-font~=small-caps].fx-input-lg,
[fx-t-font~=small-caps].fx-input-md,
[fx-t-font~=small-caps].fx-input-sm,
[fx-t-font~=small-caps].fx-input-xs,
[fx-t-font~=small-caps].fx-input-xxs,
[fx-t-font~=small-caps].fx-dropdown-toggle--md,
[fx-t-font~=small-caps].fx-dropdown-toggle,
.small-caps.fx-tab--sm,
.fx-table-outlined>tbody>tr>td.small-caps,
.fx-table-outlined>thead>tr>th.small-caps,
.small-caps.fx-label--sm,
.small-caps.fx-textarea,
.small-caps.fx-input,
.small-caps.fx-input-lg,
.small-caps.fx-input-md,
.small-caps.fx-input-sm,
.small-caps.fx-input-xs,
.small-caps.fx-input-xxs,
.small-caps.fx-dropdown-toggle--md,
.small-caps.fx-dropdown-toggle,
[fx-slider] span[fx-t-font~=p].bubble,
[fx-t-font~=p].fx-messages__message,
.fx-input-btn-group>[fx-t-font~=p].fx-input-btn-group__btn,
[fx-t-font~=p].fx-input-label,
[fx-t-font~=p].fx-dropdown-item__tag,
[fx-t-font~=p].fx-catalog-header__cell,
[fx-t-font~=p].fx-btn--xs,
[fx-t-font~=p].fx-badge,
[fx-t-font~=p].fx-accordion-header,
[fx-t-font~=p][fx-t-font~=small-caps],
[fx-t-font~=p].small-caps,
[fx-slider] span.p.bubble,
.p.fx-messages__message,
.fx-input-btn-group>.p.fx-input-btn-group__btn,
.p.fx-input-label,
.p.fx-dropdown-item__tag,
.p.fx-catalog-header__cell,
.p.fx-btn--xs,
.p.fx-badge,
.p.fx-accordion-header,
.p[fx-t-font~=small-caps],
.p.small-caps,
.fx-tab--sm.fx-tie--lg,
.fx-table-outlined>tbody>tr>td.fx-tie--lg,
.fx-table-outlined>thead>tr>th.fx-tie--lg,
.fx-label--sm.fx-tie--lg,
.fx-textarea.fx-tie--lg,
.fx-input.fx-tie--lg,
.fx-input-lg.fx-tie--lg,
.fx-input-md.fx-tie--lg,
.fx-input-sm.fx-tie--lg,
.fx-input-xs.fx-tie--lg,
.fx-input-xxs.fx-tie--lg,
.fx-dropdown-toggle--md.fx-tie--lg,
.fx-dropdown-toggle.fx-tie--lg,
.fx-breadcrumbs-lg.fx-tab--sm,
.fx-table-outlined>tbody>tr>td.fx-breadcrumbs-lg,
.fx-table-outlined>thead>tr>th.fx-breadcrumbs-lg,
.fx-breadcrumbs-lg.fx-label--sm,
.fx-breadcrumbs-lg.fx-textarea,
.fx-breadcrumbs-lg.fx-input,
.fx-breadcrumbs-lg.fx-input-lg,
.fx-breadcrumbs-lg.fx-input-md,
.fx-breadcrumbs-lg.fx-input-sm,
.fx-breadcrumbs-lg.fx-input-xs,
.fx-breadcrumbs-lg.fx-input-xxs,
.fx-breadcrumbs-lg.fx-dropdown-toggle--md,
.fx-breadcrumbs-lg.fx-dropdown-toggle,
[fx-t-font~=lg-heading-caps].fx-tab--sm,
.fx-table-outlined>tbody>tr>td[fx-t-font~=lg-heading-caps],
.fx-table-outlined>thead>tr>th[fx-t-font~=lg-heading-caps],
[fx-t-font~=lg-heading-caps].fx-label--sm,
[fx-t-font~=lg-heading-caps].fx-textarea,
[fx-t-font~=lg-heading-caps].fx-input,
[fx-t-font~=lg-heading-caps].fx-input-lg,
[fx-t-font~=lg-heading-caps].fx-input-md,
[fx-t-font~=lg-heading-caps].fx-input-sm,
[fx-t-font~=lg-heading-caps].fx-input-xs,
[fx-t-font~=lg-heading-caps].fx-input-xxs,
[fx-t-font~=lg-heading-caps].fx-dropdown-toggle--md,
[fx-t-font~=lg-heading-caps].fx-dropdown-toggle,
.lg-heading-caps.fx-tab--sm,
.fx-table-outlined>tbody>tr>td.lg-heading-caps,
.fx-table-outlined>thead>tr>th.lg-heading-caps,
.lg-heading-caps.fx-label--sm,
.lg-heading-caps.fx-textarea,
.lg-heading-caps.fx-input,
.lg-heading-caps.fx-input-lg,
.lg-heading-caps.fx-input-md,
.lg-heading-caps.fx-input-sm,
.lg-heading-caps.fx-input-xs,
.lg-heading-caps.fx-input-xxs,
.lg-heading-caps.fx-dropdown-toggle--md,
.lg-heading-caps.fx-dropdown-toggle,
[fx-t-font~=p].fx-tie--lg,
[fx-t-font~=p].fx-breadcrumbs-lg,
[fx-t-font~=p][fx-t-font~=lg-heading-caps],
[fx-t-font~=p].lg-heading-caps,
.p.fx-tie--lg,
.p.fx-breadcrumbs-lg,
.p[fx-t-font~=lg-heading-caps],
.p.lg-heading-caps,
.fx-tab--sm.fx-tie--md,
.fx-table-outlined>tbody>tr>td.fx-tie--md,
.fx-table-outlined>thead>tr>th.fx-tie--md,
.fx-label--sm.fx-tie--md,
.fx-textarea.fx-tie--md,
.fx-input.fx-tie--md,
.fx-input-lg.fx-tie--md,
.fx-input-md.fx-tie--md,
.fx-input-sm.fx-tie--md,
.fx-input-xs.fx-tie--md,
.fx-input-xxs.fx-tie--md,
.fx-dropdown-toggle--md.fx-tie--md,
.fx-dropdown-toggle.fx-tie--md,
.fx-breadcrumbs-md.fx-tab--sm,
.fx-table-outlined>tbody>tr>td.fx-breadcrumbs-md,
.fx-table-outlined>thead>tr>th.fx-breadcrumbs-md,
.fx-breadcrumbs-md.fx-label--sm,
.fx-breadcrumbs-md.fx-textarea,
.fx-breadcrumbs-md.fx-input,
.fx-breadcrumbs-md.fx-input-lg,
.fx-breadcrumbs-md.fx-input-md,
.fx-breadcrumbs-md.fx-input-sm,
.fx-breadcrumbs-md.fx-input-xs,
.fx-breadcrumbs-md.fx-input-xxs,
.fx-breadcrumbs-md.fx-dropdown-toggle--md,
.fx-breadcrumbs-md.fx-dropdown-toggle,
[fx-t-font~=md-heading-caps].fx-tab--sm,
.fx-table-outlined>tbody>tr>td[fx-t-font~=md-heading-caps],
.fx-table-outlined>thead>tr>th[fx-t-font~=md-heading-caps],
[fx-t-font~=md-heading-caps].fx-label--sm,
[fx-t-font~=md-heading-caps].fx-textarea,
[fx-t-font~=md-heading-caps].fx-input,
[fx-t-font~=md-heading-caps].fx-input-lg,
[fx-t-font~=md-heading-caps].fx-input-md,
[fx-t-font~=md-heading-caps].fx-input-sm,
[fx-t-font~=md-heading-caps].fx-input-xs,
[fx-t-font~=md-heading-caps].fx-input-xxs,
[fx-t-font~=md-heading-caps].fx-dropdown-toggle--md,
[fx-t-font~=md-heading-caps].fx-dropdown-toggle,
.md-heading-caps.fx-tab--sm,
.fx-table-outlined>tbody>tr>td.md-heading-caps,
.fx-table-outlined>thead>tr>th.md-heading-caps,
.md-heading-caps.fx-label--sm,
.md-heading-caps.fx-textarea,
.md-heading-caps.fx-input,
.md-heading-caps.fx-input-lg,
.md-heading-caps.fx-input-md,
.md-heading-caps.fx-input-sm,
.md-heading-caps.fx-input-xs,
.md-heading-caps.fx-input-xxs,
.md-heading-caps.fx-dropdown-toggle--md,
.md-heading-caps.fx-dropdown-toggle,
[fx-t-font~=p].fx-tie--md,
[fx-t-font~=p].fx-breadcrumbs-md,
[fx-t-font~=p][fx-t-font~=md-heading-caps],
[fx-t-font~=p].md-heading-caps,
.p.fx-tie--md,
.p.fx-breadcrumbs-md,
.p[fx-t-font~=md-heading-caps],
.p.md-heading-caps,
.fx-tab--sm.fx-tie--sm,
.fx-table-outlined>tbody>tr>td.fx-tie--sm,
.fx-table-outlined>thead>tr>th.fx-tie--sm,
.fx-label--sm.fx-tie--sm,
.fx-textarea.fx-tie--sm,
.fx-input.fx-tie--sm,
.fx-input-lg.fx-tie--sm,
.fx-input-md.fx-tie--sm,
.fx-input-sm.fx-tie--sm,
.fx-input-xs.fx-tie--sm,
.fx-input-xxs.fx-tie--sm,
.fx-dropdown-toggle--md.fx-tie--sm,
.fx-dropdown-toggle.fx-tie--sm,
.fx-breadcrumbs-sm.fx-tab--sm,
.fx-table-outlined>tbody>tr>td.fx-breadcrumbs-sm,
.fx-table-outlined>thead>tr>th.fx-breadcrumbs-sm,
.fx-breadcrumbs-sm.fx-label--sm,
.fx-breadcrumbs-sm.fx-textarea,
.fx-breadcrumbs-sm.fx-input,
.fx-breadcrumbs-sm.fx-input-lg,
.fx-breadcrumbs-sm.fx-input-md,
.fx-breadcrumbs-sm.fx-input-sm,
.fx-breadcrumbs-sm.fx-input-xs,
.fx-breadcrumbs-sm.fx-input-xxs,
.fx-breadcrumbs-sm.fx-dropdown-toggle--md,
.fx-breadcrumbs-sm.fx-dropdown-toggle,
[fx-t-font~=sm-heading-caps] .sm-heading-caps.fx-tab--sm,
[fx-t-font~=sm-heading-caps] .fx-table-outlined>tbody>tr>td.sm-heading-caps,
[fx-t-font~=sm-heading-caps] .fx-table-outlined>thead>tr>th.sm-heading-caps,
[fx-t-font~=sm-heading-caps] .sm-heading-caps.fx-label--sm,
[fx-t-font~=sm-heading-caps] .sm-heading-caps.fx-textarea,
[fx-t-font~=sm-heading-caps] .sm-heading-caps.fx-input,
[fx-t-font~=sm-heading-caps] .sm-heading-caps.fx-input-lg,
[fx-t-font~=sm-heading-caps] .sm-heading-caps.fx-input-md,
[fx-t-font~=sm-heading-caps] .sm-heading-caps.fx-input-sm,
[fx-t-font~=sm-heading-caps] .sm-heading-caps.fx-input-xs,
[fx-t-font~=sm-heading-caps] .sm-heading-caps.fx-input-xxs,
[fx-t-font~=sm-heading-caps] .sm-heading-caps.fx-dropdown-toggle--md,
[fx-t-font~=sm-heading-caps] .sm-heading-caps.fx-dropdown-toggle,
[fx-t-font~=p].fx-tie--sm,
[fx-t-font~=p].fx-breadcrumbs-sm,
[fx-t-font~=sm-heading-caps] [fx-t-font~=p].sm-heading-caps,
.p.fx-tie--sm,
.p.fx-breadcrumbs-sm,
[fx-t-font~=sm-heading-caps] .p.sm-heading-caps {
  font-size: 12px;
  line-height: 18px;
}

[fx-t-font~=large],
.large {
  font-size: 16px;
  line-height: 25px;
}

.fx-tab--md,
[fx-t-font~=medium],
.medium {
  font-size: 14px;
  line-height: 20px;
}

.fx-vnav.fx-vnav--xs,
.fx-tooltip,
.fx-tab--sm,
.fx-tab--xs,
[fx-t-font~=small],
.small {
  font-size: 12px;
  line-height: 18px;
}

.fx-messages-inline__message,
.fx-dropdown-item__tag,
[fx-t-font~=x-small],
.x-small {
  font-size: 10px;
  line-height: 15px;
  font-weight: 600;
}

[fx-slider] span.fx-messages-inline__message.bubble,
.fx-messages__message.fx-messages-inline__message,
.fx-input-btn-group>.fx-input-btn-group__btn.fx-messages-inline__message,
.fx-input-label.fx-messages-inline__message,
.fx-dropdown-item__tag,
.fx-catalog-header__cell.fx-messages-inline__message,
.fx-btn--xs.fx-messages-inline__message,
.fx-badge.fx-messages-inline__message,
.fx-accordion-header.fx-messages-inline__message,
[fx-t-font~=small-caps].fx-messages-inline__message,
.small-caps.fx-messages-inline__message,
[fx-slider] span[fx-t-font~=x-small].bubble,
[fx-t-font~=x-small].fx-messages__message,
.fx-input-btn-group>[fx-t-font~=x-small].fx-input-btn-group__btn,
[fx-t-font~=x-small].fx-input-label,
[fx-t-font~=x-small].fx-catalog-header__cell,
[fx-t-font~=x-small].fx-btn--xs,
[fx-t-font~=x-small].fx-badge,
[fx-t-font~=x-small].fx-accordion-header,
[fx-t-font~=x-small][fx-t-font~=small-caps],
[fx-t-font~=x-small].small-caps,
[fx-slider] span.x-small.bubble,
.x-small.fx-messages__message,
.fx-input-btn-group>.x-small.fx-input-btn-group__btn,
.x-small.fx-input-label,
.x-small.fx-catalog-header__cell,
.x-small.fx-btn--xs,
.x-small.fx-badge,
.x-small.fx-accordion-header,
.x-small[fx-t-font~=small-caps],
.x-small.small-caps,
.fx-messages-inline__message.fx-tie--lg,
.fx-breadcrumbs-lg.fx-messages-inline__message,
[fx-t-font~=lg-heading-caps].fx-messages-inline__message,
.lg-heading-caps.fx-messages-inline__message,
[fx-t-font~=x-small].fx-tie--lg,
[fx-t-font~=x-small].fx-breadcrumbs-lg,
[fx-t-font~=x-small][fx-t-font~=lg-heading-caps],
[fx-t-font~=x-small].lg-heading-caps,
.x-small.fx-tie--lg,
.x-small.fx-breadcrumbs-lg,
.x-small[fx-t-font~=lg-heading-caps],
.x-small.lg-heading-caps,
.fx-messages-inline__message.fx-tie--md,
.fx-breadcrumbs-md.fx-messages-inline__message,
[fx-t-font~=md-heading-caps].fx-messages-inline__message,
.md-heading-caps.fx-messages-inline__message,
[fx-t-font~=x-small].fx-tie--md,
[fx-t-font~=x-small].fx-breadcrumbs-md,
[fx-t-font~=x-small][fx-t-font~=md-heading-caps],
[fx-t-font~=x-small].md-heading-caps,
.x-small.fx-tie--md,
.x-small.fx-breadcrumbs-md,
.x-small[fx-t-font~=md-heading-caps],
.x-small.md-heading-caps,
.fx-messages-inline__message.fx-tie--sm,
.fx-breadcrumbs-sm.fx-messages-inline__message,
[fx-t-font~=sm-heading-caps] .sm-heading-caps.fx-messages-inline__message,
[fx-t-font~=sm-heading-caps] .sm-heading-caps.fx-dropdown-item__tag,
[fx-t-font~=x-small].fx-tie--sm,
[fx-t-font~=x-small].fx-breadcrumbs-sm,
[fx-t-font~=sm-heading-caps] [fx-t-font~=x-small].sm-heading-caps,
.x-small.fx-tie--sm,
.x-small.fx-breadcrumbs-sm,
[fx-t-font~=sm-heading-caps] .x-small.sm-heading-caps {
  font-size: 10px;
  line-height: 15px;
}

[fx-t-font~=xx-small],
.xx-small {
  font-size: 8px;
  line-height: 12px;
  font-weight: 600;
}

[fx-slider] span[fx-t-font~=xx-small].bubble,
[fx-t-font~=xx-small].fx-messages__message,
.fx-input-btn-group>[fx-t-font~=xx-small].fx-input-btn-group__btn,
[fx-t-font~=xx-small].fx-input-label,
[fx-t-font~=xx-small].fx-dropdown-item__tag,
[fx-t-font~=xx-small].fx-catalog-header__cell,
[fx-t-font~=xx-small].fx-btn--xs,
[fx-t-font~=xx-small].fx-badge,
[fx-t-font~=xx-small].fx-accordion-header,
[fx-t-font~=xx-small][fx-t-font~=small-caps],
[fx-t-font~=xx-small].small-caps,
[fx-slider] span.xx-small.bubble,
.xx-small.fx-messages__message,
.fx-input-btn-group>.xx-small.fx-input-btn-group__btn,
.xx-small.fx-input-label,
.xx-small.fx-dropdown-item__tag,
.xx-small.fx-catalog-header__cell,
.xx-small.fx-btn--xs,
.xx-small.fx-badge,
.xx-small.fx-accordion-header,
.xx-small[fx-t-font~=small-caps],
.xx-small.small-caps,
[fx-t-font~=xx-small].fx-tie--lg,
[fx-t-font~=xx-small].fx-breadcrumbs-lg,
[fx-t-font~=xx-small][fx-t-font~=lg-heading-caps],
[fx-t-font~=xx-small].lg-heading-caps,
.xx-small.fx-tie--lg,
.xx-small.fx-breadcrumbs-lg,
.xx-small[fx-t-font~=lg-heading-caps],
.xx-small.lg-heading-caps,
[fx-t-font~=xx-small].fx-tie--md,
[fx-t-font~=xx-small].fx-breadcrumbs-md,
[fx-t-font~=xx-small][fx-t-font~=md-heading-caps],
[fx-t-font~=xx-small].md-heading-caps,
.xx-small.fx-tie--md,
.xx-small.fx-breadcrumbs-md,
.xx-small[fx-t-font~=md-heading-caps],
.xx-small.md-heading-caps,
[fx-t-font~=xx-small].fx-tie--sm,
[fx-t-font~=xx-small].fx-breadcrumbs-sm,
[fx-t-font~=sm-heading-caps] [fx-t-font~=xx-small].sm-heading-caps,
.xx-small.fx-tie--sm,
.xx-small.fx-breadcrumbs-sm,
[fx-t-font~=sm-heading-caps] .xx-small.sm-heading-caps {
  font-size: 8px;
  line-height: 12px;
}

[fx-t-font~=lead],
.lead {
  font-weight: 300;
  font-size: 18px;
  line-height: 27px;
}

[fx-t-font~=a],
.a {
  font-weight: inherit;
  text-decoration: none;
  color: inherit;
  font-family: "IBM Plex Sans",sans-serif !important;
}

[fx-t-font~=a]:active,
.a:active {
  text-decoration: none;
}

[fx-t-font~=link],
.link {
  cursor: pointer;
}

[fx-t-font~=link]:hover,
.link:hover {
  color: #004cff !important;
}

[fx-t-font~=link]:hover svg,
.link:hover svg {
  fill: #004cff !important;
}

[fx-t-font~=underline],
.underline {
  text-decoration: underline;
}

[fx-t-font~=h1],
.h1 {
  font-size: 35px;
  line-height: 52px;
}

[fx-t-font~=h2],
.h2 {
  font-size: 28px;
  line-height: 42px;
}

[fx-slider] span[fx-t-font~=h2].bubble,
[fx-t-font~=h2].fx-messages__message,
.fx-input-btn-group>[fx-t-font~=h2].fx-input-btn-group__btn,
[fx-t-font~=h2].fx-input-label,
[fx-t-font~=h2].fx-dropdown-item__tag,
[fx-t-font~=h2].fx-catalog-header__cell,
[fx-t-font~=h2].fx-btn--xs,
[fx-t-font~=h2].fx-badge,
[fx-t-font~=h2].fx-accordion-header,
[fx-t-font~=h2][fx-t-font~=small-caps],
[fx-t-font~=h2].small-caps,
[fx-slider] span.h2.bubble,
.h2.fx-messages__message,
.fx-input-btn-group>.h2.fx-input-btn-group__btn,
.h2.fx-input-label,
.h2.fx-dropdown-item__tag,
.h2.fx-catalog-header__cell,
.h2.fx-btn--xs,
.h2.fx-badge,
.h2.fx-accordion-header,
.h2[fx-t-font~=small-caps],
.h2.small-caps,
[fx-t-font~=h2].fx-tie--lg,
[fx-t-font~=h2].fx-breadcrumbs-lg,
[fx-t-font~=h2][fx-t-font~=lg-heading-caps],
[fx-t-font~=h2].lg-heading-caps,
.h2.fx-tie--lg,
.h2.fx-breadcrumbs-lg,
.h2[fx-t-font~=lg-heading-caps],
.h2.lg-heading-caps,
[fx-t-font~=h2].fx-tie--md,
[fx-t-font~=h2].fx-breadcrumbs-md,
[fx-t-font~=h2][fx-t-font~=md-heading-caps],
[fx-t-font~=h2].md-heading-caps,
.h2.fx-tie--md,
.h2.fx-breadcrumbs-md,
.h2[fx-t-font~=md-heading-caps],
.h2.md-heading-caps,
[fx-t-font~=h2].fx-tie--sm,
[fx-t-font~=h2].fx-breadcrumbs-sm,
[fx-t-font~=sm-heading-caps] [fx-t-font~=h2].sm-heading-caps,
.h2.fx-tie--sm,
.h2.fx-breadcrumbs-sm,
[fx-t-font~=sm-heading-caps] .h2.sm-heading-caps {
  font-size: 21px;
  line-height: 31px;
}

[fx-t-font~=h3],
.h3 {
  font-size: 24px;
  line-height: 36px;
}

[fx-slider] span[fx-t-font~=h3].bubble,
[fx-t-font~=h3].fx-messages__message,
.fx-input-btn-group>[fx-t-font~=h3].fx-input-btn-group__btn,
[fx-t-font~=h3].fx-input-label,
[fx-t-font~=h3].fx-dropdown-item__tag,
[fx-t-font~=h3].fx-catalog-header__cell,
[fx-t-font~=h3].fx-btn--xs,
[fx-t-font~=h3].fx-badge,
[fx-t-font~=h3].fx-accordion-header,
[fx-t-font~=h3][fx-t-font~=small-caps],
[fx-t-font~=h3].small-caps,
[fx-slider] span.h3.bubble,
.h3.fx-messages__message,
.fx-input-btn-group>.h3.fx-input-btn-group__btn,
.h3.fx-input-label,
.h3.fx-dropdown-item__tag,
.h3.fx-catalog-header__cell,
.h3.fx-btn--xs,
.h3.fx-badge,
.h3.fx-accordion-header,
.h3[fx-t-font~=small-caps],
.h3.small-caps,
[fx-t-font~=h3].fx-tie--lg,
[fx-t-font~=h3].fx-breadcrumbs-lg,
[fx-t-font~=h3][fx-t-font~=lg-heading-caps],
[fx-t-font~=h3].lg-heading-caps,
.h3.fx-tie--lg,
.h3.fx-breadcrumbs-lg,
.h3[fx-t-font~=lg-heading-caps],
.h3.lg-heading-caps,
[fx-t-font~=h3].fx-tie--md,
[fx-t-font~=h3].fx-breadcrumbs-md,
[fx-t-font~=h3][fx-t-font~=md-heading-caps],
[fx-t-font~=h3].md-heading-caps,
.h3.fx-tie--md,
.h3.fx-breadcrumbs-md,
.h3[fx-t-font~=md-heading-caps],
.h3.md-heading-caps,
[fx-t-font~=h3].fx-tie--sm,
[fx-t-font~=h3].fx-breadcrumbs-sm,
[fx-t-font~=sm-heading-caps] [fx-t-font~=h3].sm-heading-caps,
.h3.fx-tie--sm,
.h3.fx-breadcrumbs-sm,
[fx-t-font~=sm-heading-caps] .h3.sm-heading-caps {
  font-size: 18px;
  line-height: 27px;
}

.fx-btn--lg,
[fx-t-font~=h4],
.h4,
[fx-t-font~=lg-heading],
.lg-heading,
.fx-tie--lg,
.fx-breadcrumbs-lg,
[fx-t-font~=lg-heading-caps],
.lg-heading-caps {
  font-size: 21px;
  line-height: 31px;
}

[fx-slider] span.fx-btn--lg.bubble,
.fx-btn--lg.fx-messages__message,
.fx-input-btn-group>.fx-btn--lg.fx-input-btn-group__btn,
.fx-btn--lg.fx-input-label,
.fx-btn--lg.fx-dropdown-item__tag,
.fx-btn--lg.fx-catalog-header__cell,
.fx-btn--xs.fx-btn--lg,
.fx-badge.fx-btn--lg,
.fx-accordion-header.fx-btn--lg,
[fx-t-font~=small-caps].fx-btn--lg,
.small-caps.fx-btn--lg,
[fx-slider] span[fx-t-font~=h4].bubble,
[fx-t-font~=h4].fx-messages__message,
.fx-input-btn-group>[fx-t-font~=h4].fx-input-btn-group__btn,
[fx-t-font~=h4].fx-input-label,
[fx-t-font~=h4].fx-dropdown-item__tag,
[fx-t-font~=h4].fx-catalog-header__cell,
[fx-t-font~=h4].fx-btn--xs,
[fx-t-font~=h4].fx-badge,
[fx-t-font~=h4].fx-accordion-header,
[fx-t-font~=h4][fx-t-font~=small-caps],
[fx-t-font~=h4].small-caps,
[fx-slider] span.h4.bubble,
.h4.fx-messages__message,
.fx-input-btn-group>.h4.fx-input-btn-group__btn,
.h4.fx-input-label,
.h4.fx-dropdown-item__tag,
.h4.fx-catalog-header__cell,
.h4.fx-btn--xs,
.h4.fx-badge,
.h4.fx-accordion-header,
.h4[fx-t-font~=small-caps],
.h4.small-caps,
[fx-slider] span[fx-t-font~=lg-heading].bubble,
[fx-t-font~=lg-heading].fx-messages__message,
.fx-input-btn-group>[fx-t-font~=lg-heading].fx-input-btn-group__btn,
[fx-t-font~=lg-heading].fx-input-label,
[fx-t-font~=lg-heading].fx-dropdown-item__tag,
[fx-t-font~=lg-heading].fx-catalog-header__cell,
[fx-t-font~=lg-heading].fx-btn--xs,
[fx-t-font~=lg-heading].fx-badge,
[fx-t-font~=lg-heading].fx-accordion-header,
[fx-slider] span.lg-heading.bubble,
.lg-heading.fx-messages__message,
.fx-input-btn-group>.lg-heading.fx-input-btn-group__btn,
.lg-heading.fx-input-label,
.lg-heading.fx-dropdown-item__tag,
.lg-heading.fx-catalog-header__cell,
.lg-heading.fx-btn--xs,
.lg-heading.fx-badge,
.lg-heading.fx-accordion-header,
[fx-t-font~=small-caps][fx-t-font~=lg-heading],
[fx-t-font~=small-caps].lg-heading,
.small-caps[fx-t-font~=lg-heading],
.small-caps.lg-heading,
.fx-tie--lg,
.fx-breadcrumbs-lg,
[fx-t-font~=lg-heading-caps],
.lg-heading-caps,
.fx-btn--lg.fx-tie--md,
.fx-btn--lg.fx-breadcrumbs-md,
[fx-t-font~=md-heading-caps].fx-btn--lg,
.md-heading-caps.fx-btn--lg,
[fx-t-font~=h4].fx-tie--md,
[fx-t-font~=h4].fx-breadcrumbs-md,
[fx-t-font~=h4][fx-t-font~=md-heading-caps],
[fx-t-font~=h4].md-heading-caps,
.h4.fx-tie--md,
.h4.fx-breadcrumbs-md,
.h4[fx-t-font~=md-heading-caps],
.h4.md-heading-caps,
[fx-t-font~=lg-heading].fx-tie--md,
[fx-t-font~=lg-heading].fx-breadcrumbs-md,
.lg-heading.fx-tie--md,
.lg-heading.fx-breadcrumbs-md,
[fx-t-font~=md-heading-caps][fx-t-font~=lg-heading],
[fx-t-font~=md-heading-caps].lg-heading,
.md-heading-caps[fx-t-font~=lg-heading],
.md-heading-caps.lg-heading,
.fx-btn--lg.fx-tie--sm,
.fx-btn--lg.fx-breadcrumbs-sm,
[fx-t-font~=sm-heading-caps] .sm-heading-caps.fx-btn--lg,
[fx-t-font~=h4].fx-tie--sm,
[fx-t-font~=h4].fx-breadcrumbs-sm,
[fx-t-font~=sm-heading-caps] [fx-t-font~=h4].sm-heading-caps,
.h4.fx-tie--sm,
.h4.fx-breadcrumbs-sm,
[fx-t-font~=sm-heading-caps] .h4.sm-heading-caps,
[fx-t-font~=lg-heading].fx-tie--sm,
[fx-t-font~=lg-heading].fx-breadcrumbs-sm,
.lg-heading.fx-tie--sm,
.lg-heading.fx-breadcrumbs-sm,
[fx-t-font~=sm-heading-caps] .sm-heading-caps[fx-t-font~=lg-heading],
[fx-t-font~=sm-heading-caps] .sm-heading-caps.lg-heading {
  font-size: 15px;
  line-height: 22px;
}

.fx-messages__message,
.fx-label--md,
.fx-btn--md,
.fx-accordion-header,
[fx-t-font~=h5],
.h5,
[fx-t-font~=md-heading],
.md-heading,
.fx-tie--md,
.fx-breadcrumbs-md,
[fx-t-font~=md-heading-caps],
.md-heading-caps {
  font-size: 18px;
  line-height: 25px;
}

.fx-messages__message,
.fx-input-btn-group>.fx-input-btn-group__btn.fx-messages__message,
[fx-slider] span.fx-label--md.bubble,
.fx-messages--xs .fx-label--md.fx-messages__message,
.fx-input-btn-group>.fx-label--md.fx-input-btn-group__btn,
.fx-label--md.fx-input-label,
.fx-dropdown-item__tag.fx-label--md,
.fx-catalog-header__cell.fx-label--md,
[fx-slider] span.fx-btn--md.bubble,
.fx-messages--xs .fx-btn--md.fx-messages__message,
.fx-input-btn-group>.fx-btn--md.fx-input-btn-group__btn,
.fx-btn--md.fx-input-label,
.fx-btn--md.fx-dropdown-item__tag,
.fx-btn--md.fx-catalog-header__cell,
.fx-btn--xs.fx-label--md,
.fx-btn--xs.fx-btn--md,
.fx-badge.fx-label--md,
.fx-badge.fx-btn--md,
.fx-accordion-header,
[fx-t-font~=small-caps].fx-label--md,
[fx-t-font~=small-caps].fx-btn--md,
.small-caps.fx-label--md,
.small-caps.fx-btn--md,
[fx-slider] span[fx-t-font~=h5].bubble,
.fx-messages--xs [fx-t-font~=h5].fx-messages__message,
.fx-input-btn-group>[fx-t-font~=h5].fx-input-btn-group__btn,
[fx-t-font~=h5].fx-input-label,
[fx-t-font~=h5].fx-dropdown-item__tag,
[fx-t-font~=h5].fx-catalog-header__cell,
[fx-t-font~=h5].fx-btn--xs,
[fx-t-font~=h5].fx-badge,
[fx-t-font~=h5][fx-t-font~=small-caps],
[fx-t-font~=h5].small-caps,
[fx-slider] span.h5.bubble,
.fx-messages--xs .h5.fx-messages__message,
.fx-input-btn-group>.h5.fx-input-btn-group__btn,
.h5.fx-input-label,
.h5.fx-dropdown-item__tag,
.h5.fx-catalog-header__cell,
.h5.fx-btn--xs,
.h5.fx-badge,
.h5[fx-t-font~=small-caps],
.h5.small-caps,
[fx-slider] span[fx-t-font~=md-heading].bubble,
.fx-messages--xs [fx-t-font~=md-heading].fx-messages__message,
.fx-input-btn-group>[fx-t-font~=md-heading].fx-input-btn-group__btn,
[fx-t-font~=md-heading].fx-input-label,
[fx-t-font~=md-heading].fx-dropdown-item__tag,
[fx-t-font~=md-heading].fx-catalog-header__cell,
[fx-t-font~=md-heading].fx-btn--xs,
[fx-t-font~=md-heading].fx-badge,
[fx-slider] span.md-heading.bubble,
.fx-messages--xs .md-heading.fx-messages__message,
.fx-input-btn-group>.md-heading.fx-input-btn-group__btn,
.md-heading.fx-input-label,
.md-heading.fx-dropdown-item__tag,
.md-heading.fx-catalog-header__cell,
.md-heading.fx-btn--xs,
.md-heading.fx-badge,
[fx-t-font~=small-caps][fx-t-font~=md-heading],
[fx-t-font~=small-caps].md-heading,
.small-caps[fx-t-font~=md-heading],
.small-caps.md-heading,
.fx-label--md.fx-tie--lg,
.fx-breadcrumbs-lg.fx-label--md,
.fx-btn--md.fx-tie--lg,
.fx-btn--md.fx-breadcrumbs-lg,
[fx-t-font~=lg-heading-caps].fx-label--md,
[fx-t-font~=lg-heading-caps].fx-btn--md,
.lg-heading-caps.fx-label--md,
.lg-heading-caps.fx-btn--md,
[fx-t-font~=h5].fx-tie--lg,
[fx-t-font~=h5].fx-breadcrumbs-lg,
[fx-t-font~=h5][fx-t-font~=lg-heading-caps],
[fx-t-font~=h5].lg-heading-caps,
.h5.fx-tie--lg,
.h5.fx-breadcrumbs-lg,
.h5[fx-t-font~=lg-heading-caps],
.h5.lg-heading-caps,
[fx-t-font~=md-heading].fx-tie--lg,
[fx-t-font~=md-heading].fx-breadcrumbs-lg,
.md-heading.fx-tie--lg,
.md-heading.fx-breadcrumbs-lg,
[fx-t-font~=lg-heading-caps][fx-t-font~=md-heading],
[fx-t-font~=lg-heading-caps].md-heading,
.lg-heading-caps[fx-t-font~=md-heading],
.lg-heading-caps.md-heading,
.fx-tie--md,
.fx-breadcrumbs-md,
[fx-t-font~=md-heading-caps],
.md-heading-caps,
.fx-label--md.fx-tie--sm,
.fx-breadcrumbs-sm.fx-label--md,
.fx-btn--md.fx-tie--sm,
.fx-btn--md.fx-breadcrumbs-sm,
[fx-t-font~=sm-heading-caps] .sm-heading-caps.fx-messages__message,
[fx-t-font~=sm-heading-caps] .sm-heading-caps.fx-label--md,
[fx-t-font~=sm-heading-caps] .sm-heading-caps.fx-btn--md,
[fx-t-font~=sm-heading-caps] .sm-heading-caps.fx-accordion-header,
[fx-t-font~=h5].fx-tie--sm,
[fx-t-font~=h5].fx-breadcrumbs-sm,
[fx-t-font~=sm-heading-caps] [fx-t-font~=h5].sm-heading-caps,
.h5.fx-tie--sm,
.h5.fx-breadcrumbs-sm,
[fx-t-font~=sm-heading-caps] .h5.sm-heading-caps,
[fx-t-font~=md-heading].fx-tie--sm,
[fx-t-font~=md-heading].fx-breadcrumbs-sm,
.md-heading.fx-tie--sm,
.md-heading.fx-breadcrumbs-sm,
[fx-t-font~=sm-heading-caps] .sm-heading-caps[fx-t-font~=md-heading],
[fx-t-font~=sm-heading-caps] .sm-heading-caps.md-heading {
  font-size: 13px;
  line-height: 19px;
}

.fx-vnav,
.fx-tab--xs,
[fx-slider] span.bubble,
.fx-nav__item,
.fx-nav--sm>.fx-nav__item,
.fx-messages--xs .fx-messages__message,
.fx-input-btn-group>.fx-input-btn-group__btn,
.fx-input-label,
.fx-catalog-header__cell,
.fx-btn--xs,
.fx-badge,
[fx-t-font~=h6],
.h6,
[fx-t-font~=sm-heading],
.sm-heading,
.fx-tie--sm,
.fx-breadcrumbs-sm,
[fx-t-font~=sm-heading-caps] .sm-heading-caps {
  font-size: 14px;
  line-height: 21px;
}

[fx-slider] span.bubble,
.fx-messages__message.fx-vnav,
.fx-messages__message.fx-tab--xs,
.fx-messages__message.fx-nav__item,
.fx-messages--xs .fx-messages__message,
.fx-input-btn-group>.fx-input-btn-group__btn,
.fx-input-label,
.fx-dropdown-item__tag.fx-vnav,
.fx-dropdown-item__tag.fx-tab--xs,
.fx-dropdown-item__tag.fx-nav__item,
.fx-catalog-header__cell,
.fx-btn--xs,
.fx-badge,
.fx-accordion-header.fx-vnav,
.fx-accordion-header.fx-tab--xs,
.fx-accordion-header.fx-nav__item,
[fx-t-font~=small-caps].fx-vnav,
[fx-t-font~=small-caps].fx-tab--xs,
[fx-t-font~=small-caps].fx-nav__item,
.small-caps.fx-vnav,
.small-caps.fx-tab--xs,
.small-caps.fx-nav__item,
[fx-t-font~=h6].fx-messages__message,
[fx-t-font~=h6].fx-dropdown-item__tag,
[fx-t-font~=h6].fx-accordion-header,
[fx-t-font~=h6][fx-t-font~=small-caps],
[fx-t-font~=h6].small-caps,
.h6.fx-messages__message,
.h6.fx-dropdown-item__tag,
.h6.fx-accordion-header,
.h6[fx-t-font~=small-caps],
.h6.small-caps,
[fx-t-font~=sm-heading].fx-messages__message,
[fx-t-font~=sm-heading].fx-dropdown-item__tag,
[fx-t-font~=sm-heading].fx-accordion-header,
.sm-heading.fx-messages__message,
.sm-heading.fx-dropdown-item__tag,
.sm-heading.fx-accordion-header,
[fx-t-font~=small-caps][fx-t-font~=sm-heading],
[fx-t-font~=small-caps].sm-heading,
.small-caps[fx-t-font~=sm-heading],
.small-caps.sm-heading,
.fx-tie--lg.fx-vnav,
.fx-tab--xs.fx-tie--lg,
.fx-nav__item.fx-tie--lg,
.fx-breadcrumbs-lg.fx-vnav,
.fx-breadcrumbs-lg.fx-tab--xs,
.fx-breadcrumbs-lg.fx-nav__item,
[fx-t-font~=lg-heading-caps].fx-vnav,
[fx-t-font~=lg-heading-caps].fx-tab--xs,
[fx-t-font~=lg-heading-caps].fx-nav__item,
.lg-heading-caps.fx-vnav,
.lg-heading-caps.fx-tab--xs,
.lg-heading-caps.fx-nav__item,
[fx-t-font~=h6].fx-tie--lg,
[fx-t-font~=h6].fx-breadcrumbs-lg,
[fx-t-font~=h6][fx-t-font~=lg-heading-caps],
[fx-t-font~=h6].lg-heading-caps,
.h6.fx-tie--lg,
.h6.fx-breadcrumbs-lg,
.h6[fx-t-font~=lg-heading-caps],
.h6.lg-heading-caps,
[fx-t-font~=sm-heading].fx-tie--lg,
[fx-t-font~=sm-heading].fx-breadcrumbs-lg,
.sm-heading.fx-tie--lg,
.sm-heading.fx-breadcrumbs-lg,
[fx-t-font~=lg-heading-caps][fx-t-font~=sm-heading],
[fx-t-font~=lg-heading-caps].sm-heading,
.lg-heading-caps[fx-t-font~=sm-heading],
.lg-heading-caps.sm-heading,
.fx-tie--md.fx-vnav,
.fx-tab--xs.fx-tie--md,
.fx-nav__item.fx-tie--md,
.fx-breadcrumbs-md.fx-vnav,
.fx-breadcrumbs-md.fx-tab--xs,
.fx-breadcrumbs-md.fx-nav__item,
[fx-t-font~=md-heading-caps].fx-vnav,
[fx-t-font~=md-heading-caps].fx-tab--xs,
[fx-t-font~=md-heading-caps].fx-nav__item,
.md-heading-caps.fx-vnav,
.md-heading-caps.fx-tab--xs,
.md-heading-caps.fx-nav__item,
[fx-t-font~=h6].fx-tie--md,
[fx-t-font~=h6].fx-breadcrumbs-md,
[fx-t-font~=h6][fx-t-font~=md-heading-caps],
[fx-t-font~=h6].md-heading-caps,
.h6.fx-tie--md,
.h6.fx-breadcrumbs-md,
.h6[fx-t-font~=md-heading-caps],
.h6.md-heading-caps,
[fx-t-font~=sm-heading].fx-tie--md,
[fx-t-font~=sm-heading].fx-breadcrumbs-md,
.sm-heading.fx-tie--md,
.sm-heading.fx-breadcrumbs-md,
[fx-t-font~=md-heading-caps][fx-t-font~=sm-heading],
[fx-t-font~=md-heading-caps].sm-heading,
.md-heading-caps[fx-t-font~=sm-heading],
.md-heading-caps.sm-heading,
.fx-tie--sm,
.fx-breadcrumbs-sm,
[fx-t-font~=sm-heading-caps] .sm-heading-caps {
  font-size: 10px;
  line-height: 15px;
}

.fx-messages-inline__message,
.fx-dropdown-item__tag,
[fx-t-font~=x-small],
.x-small {
  font-size: 10px;
}

[fx-t-font~=xx-small],
.xx-small {
  font-size: 8px;
}

[fx-t-font~=h1][fx-t-font~=small-caps],
[fx-t-font~=h1].small-caps,
.h1[fx-t-font~=small-caps],
.h1.small-caps,
[fx-t-font~=h2][fx-t-font~=small-caps],
[fx-t-font~=h2].small-caps,
.h2[fx-t-font~=small-caps],
.h2.small-caps,
[fx-t-font~=h3][fx-t-font~=small-caps],
[fx-t-font~=h3].small-caps,
.h3[fx-t-font~=small-caps],
.h3.small-caps,
[fx-t-font~=small-caps].fx-btn--lg,
.small-caps.fx-btn--lg,
[fx-t-font~=h4][fx-t-font~=small-caps],
[fx-t-font~=h4].small-caps,
.h4[fx-t-font~=small-caps],
.h4.small-caps,
[fx-t-font~=small-caps][fx-t-font~=lg-heading],
[fx-t-font~=small-caps].lg-heading,
.small-caps[fx-t-font~=lg-heading],
.small-caps.lg-heading,
.fx-tie--lg,
.fx-breadcrumbs-lg,
[fx-t-font~=lg-heading-caps],
.lg-heading-caps,
.fx-messages__message,
.fx-accordion-header,
[fx-t-font~=small-caps].fx-label--md,
[fx-t-font~=small-caps].fx-btn--md,
.small-caps.fx-label--md,
.small-caps.fx-btn--md,
[fx-t-font~=h5][fx-t-font~=small-caps],
[fx-t-font~=h5].small-caps,
.h5[fx-t-font~=small-caps],
.h5.small-caps,
[fx-t-font~=small-caps][fx-t-font~=md-heading],
[fx-t-font~=small-caps].md-heading,
.small-caps[fx-t-font~=md-heading],
.small-caps.md-heading,
.fx-tie--md,
.fx-breadcrumbs-md,
[fx-t-font~=md-heading-caps],
.md-heading-caps,
[fx-slider] span.bubble,
.fx-messages--xs .fx-messages__message,
.fx-input-btn-group>.fx-input-btn-group__btn,
.fx-input-label,
.fx-catalog-header__cell,
.fx-btn--xs,
.fx-badge,
[fx-t-font~=small-caps].fx-vnav,
[fx-t-font~=small-caps].fx-tab--xs,
[fx-t-font~=small-caps].fx-nav__item,
.small-caps.fx-vnav,
.small-caps.fx-tab--xs,
.small-caps.fx-nav__item,
[fx-t-font~=h6][fx-t-font~=small-caps],
[fx-t-font~=h6].small-caps,
.h6[fx-t-font~=small-caps],
.h6.small-caps,
[fx-t-font~=small-caps][fx-t-font~=sm-heading],
[fx-t-font~=small-caps].sm-heading,
.small-caps[fx-t-font~=sm-heading],
.small-caps.sm-heading,
.fx-tie--sm,
.fx-breadcrumbs-sm,
[fx-t-font~=sm-heading-caps] .sm-heading-caps,
[fx-t-font~=small-caps].fx-tab--sm,
.fx-table-outlined>tbody>tr>td[fx-t-font~=small-caps],
.fx-table-outlined>thead>tr>th[fx-t-font~=small-caps],
[fx-t-font~=small-caps].fx-label--sm,
[fx-t-font~=small-caps].fx-textarea,
[fx-t-font~=small-caps].fx-input,
[fx-t-font~=small-caps].fx-input-lg,
[fx-t-font~=small-caps].fx-input-md,
[fx-t-font~=small-caps].fx-input-sm,
[fx-t-font~=small-caps].fx-input-xs,
[fx-t-font~=small-caps].fx-input-xxs,
[fx-t-font~=small-caps].fx-dropdown-toggle--md,
[fx-t-font~=small-caps].fx-dropdown-toggle,
.small-caps.fx-tab--sm,
.fx-table-outlined>tbody>tr>td.small-caps,
.fx-table-outlined>thead>tr>th.small-caps,
.small-caps.fx-label--sm,
.small-caps.fx-textarea,
.small-caps.fx-input,
.small-caps.fx-input-lg,
.small-caps.fx-input-md,
.small-caps.fx-input-sm,
.small-caps.fx-input-xs,
.small-caps.fx-input-xxs,
.small-caps.fx-dropdown-toggle--md,
.small-caps.fx-dropdown-toggle,
[fx-t-font~=p][fx-t-font~=small-caps],
[fx-t-font~=p].small-caps,
.p[fx-t-font~=small-caps],
.p.small-caps,
.fx-dropdown-item__tag,
[fx-t-font~=small-caps].fx-messages-inline__message,
.small-caps.fx-messages-inline__message,
[fx-t-font~=x-small][fx-t-font~=small-caps],
[fx-t-font~=x-small].small-caps,
.x-small[fx-t-font~=small-caps],
.x-small.small-caps,
[fx-t-font~=xx-small][fx-t-font~=small-caps],
[fx-t-font~=xx-small].small-caps,
.xx-small[fx-t-font~=small-caps],
.xx-small.small-caps {
  letter-spacing: .05em;
  text-transform: uppercase;
}

[fx-t-font~=italic],
em,
.italic {
  font-style: italic !important;
}

[fx-t-font~=extra-bold],
.extra-bold {
  font-weight: 800 !important;
}

.fx-vnav.fx-vnav--active,
.fx-table-outlined>thead>tr>th,
.fx-nav__item.fx-nav__item--active,
.fx-input-label,
.fx-datepicker-date--current,
[fx-t-font~=bold],
strong,
.bold,
.fx-dropdown-item--active,
[fx-t-font~=lg-heading],
.lg-heading,
[fx-t-font~=md-heading],
.md-heading,
[fx-t-font~=sm-heading],
.sm-heading,
.fx-tie--lg,
.fx-breadcrumbs-lg,
[fx-t-font~=lg-heading-caps],
.lg-heading-caps,
.fx-tie--md,
.fx-breadcrumbs-md,
[fx-t-font~=md-heading-caps],
.md-heading-caps,
.fx-tie--sm,
.fx-breadcrumbs-sm,
[fx-t-font~=sm-heading-caps] .sm-heading-caps {
  font-weight: 700 !important;
}

.fx-modal__header,
.fx-input-btn-group>.fx-input-btn-group__btn,
.fx-catalog-header__cell,
.fx-badge,
[fx-t-font~=semi-bold],
.semi-bold,
.fx-btn-n-white:hover,
.fx-btn-n-inverse:hover,
.fx-btn-n-mono-dark:hover,
.fx-btn-n-mono:hover,
.fx-btn-n-danger:hover,
.fx-btn-n-warning:hover,
.fx-btn-n-success:hover,
.fx-btn-n-accent:hover,
.fx-btn-n-primary:hover,
.fx-btn-n-white,
.fx-btn-n-inverse,
.fx-btn-n-mono-dark,
.fx-btn-n-mono,
.fx-btn-n-danger,
.fx-btn-n-warning,
.fx-btn-n-success,
.fx-btn-n-accent,
.fx-btn-n-primary,
.fx-btn-o-white,
.fx-btn-o-mono-light,
.fx-btn-o-mono,
.fx-btn-o-danger,
.fx-btn-o-warning,
.fx-btn-o-success,
.fx-btn-o-accent,
.fx-btn-o-primary {
  font-weight: 600 !important;
}

.fx-table-outlined>tbody>tr>td,
[fx-t-font~=light],
.light {
  font-weight: 300 !important;
}

[fx-t-font~=normal],
.normal {
  font-weight: 400 !important;
}

.fx-radio-group--sm .fx-radio+label,
[fx-t-font~=sm-paragraph],
.sm-paragraph {
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
}

.fx-radio-group--md .fx-radio+label,
[fx-t-font~=md-paragraph],
.md-paragraph {
  font-size: 17.5px;
  font-weight: 300;
  line-height: 26.25px;
}

.fx-radio-group--lg .fx-radio+label,
[fx-t-font~=lg-paragraph],
.lg-paragraph {
  font-size: 21px;
  font-weight: 300;
  line-height: 31.5px;
}

[fx-t-font~=center],
.text-center {
  text-align: center;
}

[fx-t-font~=right],
.text-right {
  text-align: right;
}

[fx-t-font~=left],
.text-left {
  text-align: left;
}

[fx-t-font~=top],
.text-top {
  vertical-align: top !important;
}

[fx-t-font~=middle],
.text-middle {
  vertical-align: middle !important;
}

[fx-t-font~=interact],
.text-interact {
  cursor: pointer;
}

[fx-t-font~=interact]:hover,
.text-interact:hover {
  color: #413f3c;
}

[fx-t-font~=nowrap],
.text-nowrap,
.fx-input-btn-group>.fx-input-btn-group__btn,
.fx-input-label-group>label,
.fx-dropdown-toggle--md,
.fx-dropdown-item__label,
.fx-catalog-header__cell,
[fx-t-ellipsis~="3"],
[fx-t-ellipsis~="2"],
[fx-t-ellipsis~="1"],
.text-ellipsis-1,
[fx-t-font~=ellipsis],
.text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
}

.fx-input-btn-group>.fx-input-btn-group__btn,
.fx-input-label-group>label,
.fx-dropdown-toggle--md,
.fx-dropdown-item__label,
.fx-catalog-header__cell,
[fx-t-ellipsis~="3"],
[fx-t-ellipsis~="2"],
[fx-t-ellipsis~="1"],
.text-ellipsis-1,
[fx-t-font~=ellipsis],
.text-ellipsis {
  text-overflow: ellipsis;
}

.fx-dropdown-toggle,
[fx-t-font~=base],
.fx-t-font-base {
  font-family: "IBM Plex Sans",sans-serif !important;
}

[fx-t-font~=heading],
.fx-t-font-heading {
  font-family: "IBM Plex Sans",sans-serif !important !important;
  font-weight: normal;
}

.fx-table-outlined>tbody>tr>td[fx-t-font~=heading],
.fx-table-outlined>tbody>tr>td.fx-t-font-heading,
[fx-t-font~=light][fx-t-font~=heading],
[fx-t-font~=light].fx-t-font-heading,
.light[fx-t-font~=heading],
.light.fx-t-font-heading {
  font-family: "IBM Plex Sans",sans-serif !important !important;
}

sup,
.sup {
  vertical-align: super;
  font-size: smaller;
}

.fx-btn-twitter,
.fx-btn-white,
.fx-btn-mono,
.fx-btn-danger,
.fx-btn-warning,
.fx-btn-success,
.fx-btn-accent,
.fx-btn-primary {
  cursor: pointer;
  outline: 0;
  text-align: center;
  display: flex;
  justify-content: center;
  font-size: 14px;
  line-height: 20px;
  align-items: center;
  word-break: break-all;
  text-decoration: none;
  transform: translate3d(0, -1px, 0);
  box-shadow: 0 1px 3px rgba(0,0,0,.12);
}

.fx-btn-twitter:active,
.fx-btn-white:active,
.fx-btn-mono:active,
.fx-btn-danger:active,
.fx-btn-warning:active,
.fx-btn-success:active,
.fx-btn-accent:active,
.fx-btn-primary:active {
  transform: translate3d(0, 0, 0);
}

.fx-btn-twitter>i+a,
.fx-btn-white>i+a,
.fx-btn-mono>i+a,
.fx-btn-danger>i+a,
.fx-btn-warning>i+a,
.fx-btn-success>i+a,
.fx-btn-accent>i+a,
.fx-btn-primary>i+a,
.fx-btn-twitter>i+span,
.fx-btn-white>i+span,
.fx-btn-mono>i+span,
.fx-btn-danger>i+span,
.fx-btn-warning>i+span,
.fx-btn-success>i+span,
.fx-btn-accent>i+span,
.fx-btn-primary>i+span {
  margin-left: 5px;
}

.fx-btn-twitter>a+i,
.fx-btn-white>a+i,
.fx-btn-mono>a+i,
.fx-btn-danger>a+i,
.fx-btn-warning>a+i,
.fx-btn-success>a+i,
.fx-btn-accent>a+i,
.fx-btn-primary>a+i,
.fx-btn-twitter>span+i,
.fx-btn-white>span+i,
.fx-btn-mono>span+i,
.fx-btn-danger>span+i,
.fx-btn-warning>span+i,
.fx-btn-success>span+i,
.fx-btn-accent>span+i,
.fx-btn-primary>span+i {
  margin-left: 5px;
}

.fx-btn-twitter svg,
.fx-btn-white svg,
.fx-btn-mono svg,
.fx-btn-danger svg,
.fx-btn-warning svg,
.fx-btn-success svg,
.fx-btn-accent svg,
.fx-btn-primary svg {
  vertical-align: middle;
  display: inline-block;
}

.fx-btn-twitter svg+a,
.fx-btn-white svg+a,
.fx-btn-mono svg+a,
.fx-btn-danger svg+a,
.fx-btn-warning svg+a,
.fx-btn-success svg+a,
.fx-btn-accent svg+a,
.fx-btn-primary svg+a,
.fx-btn-twitter svg+span,
.fx-btn-white svg+span,
.fx-btn-mono svg+span,
.fx-btn-danger svg+span,
.fx-btn-warning svg+span,
.fx-btn-success svg+span,
.fx-btn-accent svg+span,
.fx-btn-primary svg+span {
  display: inline-block;
  margin-left: 10px;
}

.fx-btn-o-white,
.fx-btn-o-mono-light,
.fx-btn-o-mono,
.fx-btn-o-danger,
.fx-btn-o-warning,
.fx-btn-o-success,
.fx-btn-o-accent,
.fx-btn-o-primary {
  text-align: center;
  background: rgba(0,0,0,0);
  cursor: pointer;
  outline: 0;
  display: inline-block;
  word-break: break-all;
}

[disabled=disabled].fx-btn-o-white,
[disabled=disabled].fx-btn-o-mono-light,
[disabled=disabled].fx-btn-o-mono,
[disabled=disabled].fx-btn-o-danger,
[disabled=disabled].fx-btn-o-warning,
[disabled=disabled].fx-btn-o-success,
[disabled=disabled].fx-btn-o-accent,
[disabled=disabled].fx-btn-o-primary {
  border: 2px solid rgba(207,204,202,.6);
  color: rgba(207,204,202,.6);
  cursor: default;
  pointer-events: none;
}

.fx-btn-o-white>i+a,
.fx-btn-o-mono-light>i+a,
.fx-btn-o-mono>i+a,
.fx-btn-o-danger>i+a,
.fx-btn-o-warning>i+a,
.fx-btn-o-success>i+a,
.fx-btn-o-accent>i+a,
.fx-btn-o-primary>i+a,
.fx-btn-o-white>i+span,
.fx-btn-o-mono-light>i+span,
.fx-btn-o-mono>i+span,
.fx-btn-o-danger>i+span,
.fx-btn-o-warning>i+span,
.fx-btn-o-success>i+span,
.fx-btn-o-accent>i+span,
.fx-btn-o-primary>i+span {
  margin-left: 5px;
}

.fx-btn-o-white>a+i,
.fx-btn-o-mono-light>a+i,
.fx-btn-o-mono>a+i,
.fx-btn-o-danger>a+i,
.fx-btn-o-warning>a+i,
.fx-btn-o-success>a+i,
.fx-btn-o-accent>a+i,
.fx-btn-o-primary>a+i,
.fx-btn-o-white>span+i,
.fx-btn-o-mono-light>span+i,
.fx-btn-o-mono>span+i,
.fx-btn-o-danger>span+i,
.fx-btn-o-warning>span+i,
.fx-btn-o-success>span+i,
.fx-btn-o-accent>span+i,
.fx-btn-o-primary>span+i {
  margin-left: 5px;
}

.fx-btn-o-white svg,
.fx-btn-o-mono-light svg,
.fx-btn-o-mono svg,
.fx-btn-o-danger svg,
.fx-btn-o-warning svg,
.fx-btn-o-success svg,
.fx-btn-o-accent svg,
.fx-btn-o-primary svg {
  vertical-align: middle;
  display: inline-block;
}

.fx-btn-o-white svg+a,
.fx-btn-o-mono-light svg+a,
.fx-btn-o-mono svg+a,
.fx-btn-o-danger svg+a,
.fx-btn-o-warning svg+a,
.fx-btn-o-success svg+a,
.fx-btn-o-accent svg+a,
.fx-btn-o-primary svg+a,
.fx-btn-o-white svg+span,
.fx-btn-o-mono-light svg+span,
.fx-btn-o-mono svg+span,
.fx-btn-o-danger svg+span,
.fx-btn-o-warning svg+span,
.fx-btn-o-success svg+span,
.fx-btn-o-accent svg+span,
.fx-btn-o-primary svg+span {
  display: inline-block;
  margin-left: 10px;
}

.fx-btn-n-white,
.fx-btn-n-inverse,
.fx-btn-n-mono-dark,
.fx-btn-n-mono,
.fx-btn-n-danger,
.fx-btn-n-warning,
.fx-btn-n-success,
.fx-btn-n-accent,
.fx-btn-n-primary {
  text-align: center;
  cursor: pointer;
  outline: 0;
  display: inline-block;
  border: 0;
}

[disabled=disabled].fx-btn-n-white,
[disabled=disabled].fx-btn-n-inverse,
[disabled=disabled].fx-btn-n-mono-dark,
[disabled=disabled].fx-btn-n-mono,
[disabled=disabled].fx-btn-n-danger,
[disabled=disabled].fx-btn-n-warning,
[disabled=disabled].fx-btn-n-success,
[disabled=disabled].fx-btn-n-accent,
[disabled=disabled].fx-btn-n-primary {
  color: rgba(207,204,202,.6);
  cursor: default;
}

.fx-btn-n-white>i+a,
.fx-btn-n-inverse>i+a,
.fx-btn-n-mono-dark>i+a,
.fx-btn-n-mono>i+a,
.fx-btn-n-danger>i+a,
.fx-btn-n-warning>i+a,
.fx-btn-n-success>i+a,
.fx-btn-n-accent>i+a,
.fx-btn-n-primary>i+a,
.fx-btn-n-white>i+span,
.fx-btn-n-inverse>i+span,
.fx-btn-n-mono-dark>i+span,
.fx-btn-n-mono>i+span,
.fx-btn-n-danger>i+span,
.fx-btn-n-warning>i+span,
.fx-btn-n-success>i+span,
.fx-btn-n-accent>i+span,
.fx-btn-n-primary>i+span {
  margin-left: 5px;
}

.fx-btn-n-white>a+i,
.fx-btn-n-inverse>a+i,
.fx-btn-n-mono-dark>a+i,
.fx-btn-n-mono>a+i,
.fx-btn-n-danger>a+i,
.fx-btn-n-warning>a+i,
.fx-btn-n-success>a+i,
.fx-btn-n-accent>a+i,
.fx-btn-n-primary>a+i,
.fx-btn-n-white>span+i,
.fx-btn-n-inverse>span+i,
.fx-btn-n-mono-dark>span+i,
.fx-btn-n-mono>span+i,
.fx-btn-n-danger>span+i,
.fx-btn-n-warning>span+i,
.fx-btn-n-success>span+i,
.fx-btn-n-accent>span+i,
.fx-btn-n-primary>span+i {
  margin-left: 5px;
}

.fx-btn-n-white svg,
.fx-btn-n-inverse svg,
.fx-btn-n-mono-dark svg,
.fx-btn-n-mono svg,
.fx-btn-n-danger svg,
.fx-btn-n-warning svg,
.fx-btn-n-success svg,
.fx-btn-n-accent svg,
.fx-btn-n-primary svg {
  vertical-align: middle;
  display: inline-block;
}

.fx-btn-n-white svg+a,
.fx-btn-n-inverse svg+a,
.fx-btn-n-mono-dark svg+a,
.fx-btn-n-mono svg+a,
.fx-btn-n-danger svg+a,
.fx-btn-n-warning svg+a,
.fx-btn-n-success svg+a,
.fx-btn-n-accent svg+a,
.fx-btn-n-primary svg+a,
.fx-btn-n-white svg+span,
.fx-btn-n-inverse svg+span,
.fx-btn-n-mono-dark svg+span,
.fx-btn-n-mono svg+span,
.fx-btn-n-danger svg+span,
.fx-btn-n-warning svg+span,
.fx-btn-n-success svg+span,
.fx-btn-n-accent svg+span,
.fx-btn-n-primary svg+span {
  display: inline-block;
  margin-left: 10px;
}

.fx-card {
  vertical-align: top;
  position: relative;
}

.fx-card-header {
  background: #fff;
  border-bottom: 1px solid #cfccca;
  color: #5c5854;
}

.fx-card-body {
  position: relative;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.12);
  border: 1px solid #cfccca;
}

.fx-card-body:hover .fx-card-body-actions,
.fx-actionmenu-open.fx-card-body .fx-card-body-actions {
  opacity: 1;
}

.fx-card-body:hover .fx-card-body-actions__main-action,
.fx-actionmenu-open.fx-card-body .fx-card-body-actions__main-action {
  transform: scale(1);
}

.fx-card-preview {
  position: relative;
  cursor: pointer;
  height: 100%;
}

.fx-card-body-actions {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(48,33,39,.8);
  opacity: 0;
  z-index: 4;
  transition: opacity .2s;
}

.fx-card-body-actions__main-action {
  transform: scale(0);
  transition: all .2s cubic-bezier(0.25, 1, 0.5, 1.25);
}

.fx-card-footer {
  text-align: left;
  text-decoration: none;
}

.valign-contain {
  height: 100%;
}

.valign-contain:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.valign-middle {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}

.valign-bottom {
  width: 100%;
  display: inline-block;
  vertical-align: bottom;
}

.cursor-ns {
  cursor: ns-resize !important;
}

.cursor-ew {
  cursor: ew-resize !important;
}

.z1 {
  position: relative;
  z-index: 110 !important;
}

.z2 {
  position: relative;
  z-index: 120 !important;
}

.z3 {
  position: relative;
  z-index: 130 !important;
}

.top-z1-shadow {
  box-shadow: 0 -1px 3px rgba(0,0,0,.12),0 -1px 2px rgba(0,0,0,.24);
}

.top-z2-shadow {
  box-shadow: 0 -3px 6px rgba(0,0,0,.16),0 -3px 6px rgba(0,0,0,.23);
}

.inset-z0-shadow {
  box-shadow: inset 0 0 1px rgba(0,0,0,.12),inset 0 0 1px rgba(0,0,0,.24);
}

.inset-z1-shadow {
  box-shadow: inset 0 1px 3px rgba(0,0,0,.12),inset 0 1px 2px rgba(0,0,0,.24);
}

.inset-z2-shadow {
  box-shadow: inset 0 3px 6px rgba(0,0,0,.16),inset 0 3px 6px rgba(0,0,0,.23);
}

.top-z1-shadow {
  box-shadow: 0 -1px 3px rgba(0,0,0,.12),0 -1px 2px rgba(0,0,0,.24);
}

.top-z2-shadow {
  box-shadow: 0 -3px 6px rgba(0,0,0,.16),0 -3px 6px rgba(0,0,0,.23);
}

.z0-shadow {
  box-shadow: 0 0 1px rgba(0,0,0,.15);
}

.z1-shadow {
  box-shadow: 0 1px 3px rgba(0,0,0,.12);
}

.z2-shadow {
  box-shadow: 0 3px 6px rgba(0,0,0,.12);
}

.z3-shadow {
  box-shadow: 0 10px 20px rgba(0,0,0,.16);
}

.z4-shadow {
  box-shadow: 0 14px 28px rgba(0,0,0,.2);
}

.z5-shadow {
  box-shadow: 0 19px 38px rgba(0,0,0,.25);
}

.circle {
  border-radius: 50%;
}

.rotate-45 {
  transform: rotate(45deg);
}

.visible {
  opacity: 1 !important;
  visibility: visible !important;
}

[fill-height],
[max-height] {
  display: block;
  overflow: auto;
}

.media {
  display: block;
}

.media:after {
  content: "";
  display: table;
  clear: both;
}

.media--right>.media__img {
  float: right;
}

.media__img {
  float: left;
}

.media__img>img {
  display: block;
}

.media__body {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
}

.fx-divider {
  background: #ced3e0;
  height: 1px;
  width: 100%;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font-feature-settings: "liga" 0,"lnum";
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  box-sizing: border-box;
}

img {
  max-width: 100%;
  font-style: italic;
  vertical-align: middle;
}

.gm-style img,
img[width],
img[height] {
  max-width: none;
}

button {
  margin: 0;
}

hr {
  border: 0;
  border-bottom: 2px solid rgba(0,0,0,.15);
  margin: 0;
}

html,
body {
  font-family: "IBM Plex Sans",sans-serif !important;
  height: 100%;
  width: 100%;
  line-height: 1;
}

[fx-c-fill~=inverse] {
  background: #5c5854 !important;
}

[fx-c-svg~=inverse] {
  fill: #5c5854 !important;
}

[fx-c-fill~=pure-white] {
  background: #fff !important;
}

[fx-c-svg~=pure-white] {
  fill: #fff !important;
}

[fx-c-fill~=white] {
  background: #fff !important;
}

[fx-c-svg~=white] {
  fill: #fff !important;
}

[fx-c-fill~=mono-lightest] {
  background: #eceae9 !important;
}

[fx-c-svg~=mono-lightest] {
  fill: #eceae9 !important;
}

[fx-c-fill~=mono-lighter] {
  background: #e8e7e6 !important;
}

[fx-c-svg~=mono-lighter] {
  fill: #e8e7e6 !important;
}

[fx-c-fill~=mono-light] {
  background: #cfccca !important;
}

[fx-c-svg~=mono-light] {
  fill: #cfccca !important;
}

[fx-c-fill~=mono] {
  background: #7d7a78 !important;
}

[fx-c-svg~=mono] {
  fill: #7d7a78 !important;
}

[fx-c-fill~=mono-dark] {
  background: #5c5854 !important;
}

[fx-c-svg~=mono-dark] {
  fill: #5c5854 !important;
}

[fx-c-fill~=mono-darker] {
  background: #302b27 !important;
}

[fx-c-svg~=mono-darker] {
  fill: #302b27 !important;
}

[fx-c-fill~=primary] {
  background: #004cff !important;
}

[fx-c-svg~=primary] {
  fill: #004cff !important;
}

[fx-c-fill~=accent] {
  background: #4d577b !important;
}

[fx-c-svg~=accent] {
  fill: #4d577b !important;
}

[fx-c-fill~=yellow] {
  background: #e8af52 !important;
}

[fx-c-svg~=yellow] {
  fill: #e8af52 !important;
}

[fx-c-fill~=accent-shadow] {
  background: #30334c !important;
}

[fx-c-svg~=accent-shadow] {
  fill: #30334c !important;
}

[fx-c-fill~=success] {
  background: #7dd366 !important;
}

[fx-c-svg~=success] {
  fill: #7dd366 !important;
}

[fx-c-fill~=alert] {
  background: #e68122 !important;
}

[fx-c-svg~=alert] {
  fill: #e68122 !important;
}

[fx-c-fill~=warning] {
  background: #e9b049 !important;
}

[fx-c-svg~=warning] {
  fill: #e9b049 !important;
}

[fx-c-fill~=danger] {
  background: #ef5c48 !important;
}

[fx-c-svg~=danger] {
  fill: #ef5c48 !important;
}

[fx-c-fill~=info] {
  background: #67a5d9 !important;
}

[fx-c-svg~=info] {
  fill: #67a5d9 !important;
}

[fx-c-fill~=warning-highlight] {
  background: #fdf9e2 !important;
}

[fx-c-fill~=i1] {
  background: #fff !important;
}

[fx-c-svg~=i1] {
  fill: #fff !important;
}

[fx-c-fill~=i2] {
  background: rgba(255,255,255,.7) !important;
}

[fx-c-svg~=i2] {
  fill: rgba(255,255,255,.7) !important;
}

[fx-c-fill~=i3] {
  background: rgba(255,255,255,.3) !important;
}

[fx-c-svg~=i3] {
  fill: rgba(255,255,255,.3) !important;
}

[fx-c-fill~=i4] {
  background: rgba(255,255,255,.12) !important;
}

[fx-c-svg~=i4] {
  fill: rgba(255,255,255,.12) !important;
}

[fx-c-fill~="1"] {
  background: rgba(0,0,0,.87) !important;
}

[fx-c-svg~="1"] {
  fill: rgba(0,0,0,.87) !important;
}

[fx-c-fill~="2"] {
  background: rgba(0,0,0,.54) !important;
}

[fx-c-svg~="2"] {
  fill: rgba(0,0,0,.54) !important;
}

[fx-c-fill~="3"] {
  background: rgba(0,0,0,.26) !important;
}

[fx-c-svg~="3"] {
  fill: rgba(0,0,0,.26) !important;
}

[fx-c-fill~="4"] {
  background: #ced3e0 !important;
}

[fx-c-svg~="4"] {
  fill: #ced3e0 !important;
}

[fx-c-border] {
  border-style: solid;
}

[fx-c-border~=all] {
  border-width: 2px;
}

[fx-c-border~=all][fx-c-border~=thin] {
  border-width: 1px;
}

[fx-c-border~=all][fx-c-border~=thick] {
  border-width: 4px;
}

[fx-c-border~=top] {
  border-top-width: 2px;
}

[fx-c-border~=top][fx-c-border~=thin] {
  border-top-width: 1px;
}

[fx-c-border~=top][fx-c-border~=thick] {
  border-top-width: 4px;
}

[fx-c-border~=right] {
  border-right-width: 2px;
}

[fx-c-border~=right][fx-c-border~=thin] {
  border-right-width: 1px;
}

[fx-c-border~=right][fx-c-border~=thick] {
  border-right-width: 4px;
}

[fx-c-border~=bottom] {
  border-bottom-width: 2px;
}

[fx-c-border~=bottom][fx-c-border~=thin] {
  border-bottom-width: 1px;
}

[fx-c-border~=bottom][fx-c-border~=thick] {
  border-bottom-width: 4px;
}

[fx-c-border~=left] {
  border-left-width: 2px;
}

[fx-c-border~=left][fx-c-border~=thin] {
  border-left-width: 1px;
}

[fx-c-border~=left][fx-c-border~=thick] {
  border-left-width: 4px;
}

[fx-c-border~=dashed],
.fx-border-dashed {
  border-style: dashed !important;
}

[fx-c-border~=mono-lighter],
.fx-border-mono-lighter {
  border-color: #e8e7e6 !important;
}

[fx-c-border~=mono-light],
.fx-border-mono-light {
  border-color: #cfccca !important;
}

[fx-c-border~=mono],
.fx-border-mono {
  border-color: #7d7a78 !important;
}

[fx-c-border~=primary],
.fx-border-primary {
  border-color: #0023b3 !important;
}

[fx-c-border~=accent],
.fx-border-accent {
  border-color: #30334c !important;
}

[fx-c-border~=success],
.fx-border-success {
  border-color: #43b835 !important;
}

[fx-c-border~=warning],
.fx-border-warning {
  border-color: #cd9f19 !important;
}

[fx-c-border~=danger],
.fx-border-danger {
  border-color: #d83e13 !important;
}

[fx-c-border~=divider],
.fx-border-danger {
  border-color: #ced3e0 !important;
}

[fx-c-text~=i1] {
  color: #fff !important;
}

[fx-c-text~=i2] {
  color: rgba(255,255,255,.7) !important;
}

[fx-c-text~=i3] {
  color: rgba(255,255,255,.3) !important;
}

[fx-c-text~=i4] {
  color: rgba(255,255,255,.12) !important;
}

[fx-c-text~="1"] {
  color: rgba(0,0,0,.87) !important;
}

[fx-c-text~="2"] {
  color: rgba(0,0,0,.54) !important;
}

[fx-c-text~="3"] {
  color: rgba(0,0,0,.26) !important;
}

[fx-c-text~="4"] {
  color: #ced3e0 !important;
}

[fx-c-text~=muted],
[fx-c-text~=mono-light],
.fx-text-muted {
  color: #cfccca !important;
}

[fx-c-text~=mono],
.fx-text-mono {
  color: #7d7a78 !important;
}

[fx-c-text~=mono-lighter],
.fx-text-mono-lighter {
  color: #e8e7e6 !important;
}

[fx-c-text~=mono-lightest],
.fx-text-mono-lightest {
  color: #eceae9 !important;
}

[fx-c-text~=mono-dark],
.fx-text-mono-dark {
  color: #5c5854 !important;
}

[fx-c-text~=mono-darker],
.fx-text-mono-dark {
  color: #302b27 !important;
}

[fx-c-text~=mono-darker],
.fx-text-mono-dark {
  color: #302b27 !important;
}

[fx-c-text~=white],
.fx-text-white {
  color: #fff !important;
}

[fx-c-text~=primary],
.fx-text-primary {
  color: #004cff !important;
}

[fx-c-text~=accent],
.fx-text-accent,
.fx-dropdown-item--active {
  color: #4d577b !important;
}

[fx-c-text~=success],
.fx-text-success {
  color: #7dd366 !important;
}

[fx-c-text~=warning],
.fx-text-warning {
  color: #e9b049 !important;
}

[fx-c-text~=danger],
.fx-text-danger {
  color: #ef5c48 !important;
}

[fx-c-text~=info],
.fx-text-info {
  color: #67a5d9 !important;
}

[fx-c-text~=yellow],
.fx-text-yellow {
  color: #e8af52 !important;
}

[fx-c-text~=purple],
.fx-text-purple {
  color: #622393 !important;
}

[fx-c-text~=primary-shadow],
.fx-text-primary-shadow {
  color: #0023b3 !important;
}

[fx-c-text~=success-shadow],
.fx-text-success-shadow {
  color: #43b835 !important;
}

[fx-c-text~=warning-shadow],
.fx-text-warning-shadow {
  color: #cd9f19 !important;
}

[fx-c-text~=danger-shadow],
.fx-text-danger-shadow {
  color: #d83e13 !important;
}

[fx-c-text~=info-shadow],
.fx-text-info-shadow {
  color: #3172c3 !important;
}

[fx-c-fill~=vs-light-1],
.fx-fill-vs-light-1 {
  background: #8dd3c7;
}

[fx-c-fill~=vs-light-2],
.fx-fill-vs-light-2 {
  background: #ffffb3;
}

[fx-c-fill~=vs-light-3],
.fx-fill-vs-light-3 {
  background: #bebada;
}

[fx-c-fill~=vs-light-4],
.fx-fill-vs-light-4 {
  background: #fb8072;
}

[fx-c-fill~=vs-light-5],
.fx-fill-vs-light-5 {
  background: #80b1d3;
}

[fx-c-fill~=vs-light-6],
.fx-fill-vs-light-6 {
  background: #fdb462;
}

[fx-c-fill~=vs-light-7],
.fx-fill-vs-light-7 {
  background: #b3de69;
}

[fx-c-fill~=vs-light-8],
.fx-fill-vs-light-8 {
  background: #fccde5;
}

[fx-c-fill~=vs-light-9],
.fx-fill-vs-light-9 {
  background: #d9d9d9;
}

[fx-c-fill~=vs-light-10],
.fx-fill-vs-light-10 {
  background: #bc80bd;
}

[fx-c-fill~=vs-light-11],
.fx-fill-vs-light-11 {
  background: #ccebc5;
}

[fx-c-fill~=vs-light-12],
.fx-fill-vs-light-12 {
  background: #ffed6f;
}

[fx-c-fill~=vs-dark-1],
.fx-fill-vs-dark-1 {
  background: #a6cee3;
}

[fx-c-fill~=vs-dark-2],
.fx-fill-vs-dark-2 {
  background: #1f78b4;
}

[fx-c-fill~=vs-dark-3],
.fx-fill-vs-dark-3 {
  background: #b2df8a;
}

[fx-c-fill~=vs-dark-4],
.fx-fill-vs-dark-4 {
  background: #33a02c;
}

[fx-c-fill~=vs-dark-5],
.fx-fill-vs-dark-5 {
  background: #fb9a99;
}

[fx-c-fill~=vs-dark-6],
.fx-fill-vs-dark-6 {
  background: #e31a1c;
}

[fx-c-fill~=vs-dark-7],
.fx-fill-vs-dark-7 {
  background: #fdbf6f;
}

[fx-c-fill~=vs-dark-8],
.fx-fill-vs-dark-8 {
  background: #ff7f00;
}

[fx-c-fill~=vs-dark-9],
.fx-fill-vs-dark-9 {
  background: #cab2d6;
}

[fx-c-fill~=vs-dark-10],
.fx-fill-vs-dark-10 {
  background: #6a3d9a;
}

[fx-c-fill~=vs-dark-11],
.fx-fill-vs-dark-11 {
  background: #ff9;
}

[fx-c-fill~=vs-dark-12],
.fx-fill-vs-dark-12 {
  background: #b15928;
}

[fx-c-fill~=v-cyan],
.fx-fill-v-cyan {
  background: #53c7d1;
}

[fx-c-fill~=v-mustard],
.fx-fill-v-mustard {
  background: #e7c329;
}

[fx-c-fill~=v-berry],
.fx-fill-v-berry {
  background: #c04352;
}

[fx-c-fill~=v-purple],
.fx-fill-v-purple {
  background: #594fa3;
}

[fx-c-fill~=v-pear],
.fx-fill-v-pear {
  background: #a7dd72;
}

[fx-c-fill~=v-magenta],
.fx-fill-v-magenta {
  background: #c955ba;
}

[fx-c-fill~=v-olive],
.fx-fill-v-olive {
  background: #88bfa5;
}

[fx-c-fill~=v-auburn],
.fx-fill-v-auburn {
  background: #e4a241;
}

[fx-c-fill~=v-navy],
.fx-fill-v-navy {
  background: #5586be;
}

[fx-c-fill~=v-rose],
.fx-fill-v-rose {
  background: #e86233;
}

[fx-c-shadow~="0"],
.fx-shadow-0 {
  box-shadow: 0 0 1px rgba(0,0,0,.15);
}

[fx-c-shadow~="1"],
.fx-shadow-1 {
  box-shadow: 0 1px 3px rgba(0,0,0,.12);
}

[fx-c-shadow~="2"],
.fx-shadow-2 {
  box-shadow: 0 3px 6px rgba(0,0,0,.12);
}

[fx-c-shadow~="3"],
.fx-shadow-3 {
  box-shadow: 0 10px 20px rgba(0,0,0,.16);
}

.cursor-ns {
  cursor: ns-resize !important;
}

.cursor-ew {
  cursor: ew-resize !important;
}

.z1 {
  position: relative;
  z-index: 110 !important;
}

.z2 {
  position: relative;
  z-index: 120 !important;
}

.z3 {
  position: relative;
  z-index: 130 !important;
}

.top-z1-shadow {
  box-shadow: 0 -1px 3px rgba(0,0,0,.12),0 -1px 2px rgba(0,0,0,.24);
}

.top-z2-shadow {
  box-shadow: 0 -3px 6px rgba(0,0,0,.16),0 -3px 6px rgba(0,0,0,.23);
}

.inset-z0-shadow {
  box-shadow: inset 0 0 1px rgba(0,0,0,.12),inset 0 0 1px rgba(0,0,0,.24);
}

.inset-z1-shadow {
  box-shadow: inset 0 1px 3px rgba(0,0,0,.12),inset 0 1px 2px rgba(0,0,0,.24);
}

.inset-z2-shadow {
  box-shadow: inset 0 3px 6px rgba(0,0,0,.16),inset 0 3px 6px rgba(0,0,0,.23);
}

.top-z1-shadow {
  box-shadow: 0 -1px 3px rgba(0,0,0,.12),0 -1px 2px rgba(0,0,0,.24);
}

.top-z2-shadow {
  box-shadow: 0 -3px 6px rgba(0,0,0,.16),0 -3px 6px rgba(0,0,0,.23);
}

.z0-shadow {
  box-shadow: 0 0 1px rgba(0,0,0,.15);
}

.z1-shadow {
  box-shadow: 0 1px 3px rgba(0,0,0,.12);
}

.z2-shadow {
  box-shadow: 0 3px 6px rgba(0,0,0,.12);
}

.z3-shadow {
  box-shadow: 0 10px 20px rgba(0,0,0,.16);
}

.z4-shadow {
  box-shadow: 0 14px 28px rgba(0,0,0,.2);
}

.z5-shadow {
  box-shadow: 0 19px 38px rgba(0,0,0,.25);
}

.circle {
  border-radius: 50%;
}

.rotate-45 {
  transform: rotate(45deg);
}

.visible {
  opacity: 1 !important;
  visibility: visible !important;
}

[fill-height],
[max-height] {
  display: block;
  overflow: auto;
}

.media {
  display: block;
}

.media:after {
  content: "";
  display: table;
  clear: both;
}

.media--right>.media__img {
  float: right;
}

.media__img {
  float: left;
}

.media__img>img {
  display: block;
}

.media__body {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
}

.fx-divider {
  background: #ced3e0;
  height: 1px;
  width: 100%;
}

[fx-s-width~=xs] {
  width: 36px !important;
}

[fx-s-width~=sm] {
  width: 37px !important;
}

[fx-s-width~=md] {
  width: 44px !important;
}

[fx-s-width~=lg] {
  width: 64px !important;
}

[fx-s-width~=full] {
  width: 100% !important;
}

[fx-s-height~=xs] {
  height: 36px !important;
}

[fx-s-height~=sm] {
  height: 37px !important;
}

[fx-s-height~=md] {
  height: 44px !important;
}

[fx-s-height~=lg] {
  height: 64px !important;
}

[fx-s-height~=full] {
  height: 100% !important;
}

[fx-s-px~=xs] {
  padding-left: 10.5px;
  padding-right: 10.5px;
}

[fx-s-py~=xs] {
  padding-top: 7px;
  padding-bottom: 7px;
}

[fx-s-pt~=xs] {
  padding-top: 7px;
}

[fx-s-pb~=xs] {
  padding-bottom: 7px;
}

[fx-s-pxy~=xs] {
  padding: 7px 10.5px;
}

[fx-s-py~=sm] {
  padding-top: 7px;
  padding-bottom: 7px;
}

[fx-s-pxy~=sm] {
  padding: 7px 12px;
}

[fx-s-px~=sm] {
  padding-left: 12px;
  padding-right: 12px;
}

[fx-s-py~=sm] {
  padding-top: 7px;
  padding-bottom: 7px;
}

[fx-s-pt~=xs] {
  padding-top: 7px;
}

[fx-s-pt~=sm] {
  padding-top: 7px;
}

[fx-s-pt~=md] {
  padding-top: 10.5px;
}

[fx-s-pb~=xs] {
  padding-bottom: 7px;
}

[fx-s-pb~=sm] {
  padding-bottom: 7px;
}

[fx-s-pb~=md] {
  padding-bottom: 10.5px;
}

[fx-s-pxy~=md] {
  padding: 10.5px 15.75px;
}

[fx-s-px~=md] {
  padding-left: 15.75px;
  padding-right: 15.75px;
}

[fx-s-py~=md] {
  padding-top: 10.5px;
  padding-bottom: 10.5px;
}

[fx-s-pxy~=lg] {
  padding: 17.5px 35px;
}

[fx-s-px~=lg] {
  padding-left: 35px;
  padding-right: 35px;
}

[fx-s-py~=lg] {
  padding-top: 17.5px;
  padding-bottom: 17.5px;
}

[fx-s-mx~=xs] {
  margin-left: 10.5px;
  margin-right: 10.5px;
}

[fx-s-my~=xs] {
  margin-top: 7px;
  margin-bottom: 7px;
}

[fx-s-mt~=xs] {
  margin-top: 7px;
}

[fx-s-mb~=xs] {
  margin-bottom: 7px;
}

[fx-s-mxy~=xs] {
  margin: 7px 10.5px;
}

[fx-s-my~=sm] {
  margin-top: 7px;
  margin-bottom: 7px;
}

[fx-s-mxy~=sm] {
  margin: 7px 12px;
}

[fx-s-mx~=sm] {
  margin-left: 12px;
  margin-right: 12px;
}

[fx-s-my~=sm] {
  margin-top: 7px;
  margin-bottom: 7px;
}

[fx-s-mt~=sm] {
  margin-top: 7px;
}

[fx-s-mb~=sm] {
  margin-bottom: 7px;
}

[fx-s-mxy~=md] {
  margin: 10.5px 15.75px;
}

[fx-s-mx~=md] {
  margin-left: 15.75px;
  margin-right: 15.75px;
}

[fx-s-my~=md] {
  margin-top: 10.5px;
  margin-bottom: 10.5px;
}

[fx-s-mxy~=lg] {
  margin: 10.5px 15.75px;
}

[fx-s-mx~=lg] {
  margin-left: 35px;
  margin-right: 35px;
}

[fx-s-my~=lg] {
  margin-top: 17.5px;
  margin-bottom: 17.5px;
}

[fx-s-middle-y=xs] {
  position: absolute;
  top: 50%;
  margin-top: -18px;
}

[fx-s-middle-x=xs] {
  position: absolute;
  left: 50%;
  margin-left: -18px;
}

[fx-s-middle-y=sm] {
  position: absolute;
  top: 50%;
  margin-top: -18.5px;
}

[fx-s-middle-x=sm] {
  position: absolute;
  left: 50%;
  margin-left: -18.5px;
}

[fx-s-middle-y=md] {
  position: absolute;
  top: 50%;
  margin-top: -22px;
}

[fx-s-middle-x=md] {
  position: absolute;
  left: 50%;
  margin-left: -22px;
}

[fx-s-middle-y=lg] {
  position: absolute;
  top: 50%;
  margin-top: -32px;
}

[fx-s-middle-x=lg] {
  position: absolute;
  left: 50%;
  margin-left: -32px;
}

.sr-only,
[fx-s-sr-only] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.contain {
  position: relative;
}

.overflow-hidden {
  overflow: hidden;
}

.center,
[fx-s-center] {
  position: relative;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.text-center,
[fx-s-text-center] {
  text-align: center;
}

.responsive,
[fx-s-responsive] {
  max-width: 100% !important;
  height: auto !important;
}

.responsive svg,
[fx-s-responsive] svg {
  max-width: 100% !important;
  height: auto !important;
}

.block,
[fx-s-block] {
  display: block !important;
}

.inline-block,
[fx-s-inline-block] {
  display: inline-block !important;
}

[fx-s-valign=middle] {
  display: inline-block !important;
  vertical-align: middle !important;
}

[fx-s-row],
.fx-s-row,
fieldset {
  display: block;
}

[fx-s-row]:after,
.fx-s-row:after,
fieldset:after {
  content: "";
  display: table;
  clear: both;
}

[fx-s-pull~=right] {
  float: right;
}

[fx-s-pull~=left] {
  float: left;
}

[fx-s-col],
[class*=fx-s-col-] {
  float: left;
}

[fx-s-flexbox] {
  display: flex !important;
}

[fx-s-flexbox~=col] {
  flex-direction: column;
}

[fx-s-flexbox~=row] {
  flex-direction: row;
}

[fx-s-flexbox~=y-center] {
  align-items: center;
}

[fx-s-flexbox~=y-start] {
  align-items: flex-start;
}

[fx-s-flexbox~=y-end] {
  align-items: flex-end;
}

[fx-s-flexbox~=y-baseline] {
  align-items: baseline;
}

[fx-s-flexbox~=x-center] {
  justify-content: center;
}

[fx-s-flexbox~=x-start] {
  justify-content: flex-start;
}

[fx-s-flexbox~=x-end] {
  justify-content: flex-end;
}

[fx-s-flexbox~=x-between] {
  justify-content: space-between;
}

[fx-s-flexbox~=x-around] {
  justify-content: space-around;
}

[fx-s-flexbox~=wrap] {
  flex-wrap: wrap;
}

[fx-s-flex~=y-center] {
  align-self: center;
}

[fx-s-flex~=y-start] {
  align-self: flex-start;
}

[fx-s-flex~=y-end] {
  align-self: flex-end;
}

[fx-s-flex~=y-baseline] {
  align-self: baseline;
}

[fx-s-flex~=y-stretch] {
  align-self: stretch;
}

[fx-s-mxy~="-30"] {
  margin: -150px;
}

[fx-s-mx~="-30"] {
  margin-left: -150px;
  margin-right: -150px;
}

[fx-s-my~="-30"] {
  margin-top: -150px;
  margin-bottom: -150px;
}

[fx-s-ml~="-30"] {
  margin-left: -150px;
}

[fx-s-mr~="-30"] {
  margin-right: -150px;
}

[fx-s-mt~="-30"] {
  margin-top: -150px;
}

[fx-s-mb~="-30"] {
  margin-bottom: -150px;
}

[fx-s-pxy~="-30"] {
  padding: -150px;
}

[fx-s-px~="-30"] {
  padding-left: -150px;
  padding-right: -150px;
}

[fx-s-py~="-30"] {
  padding-top: -150px;
  padding-bottom: -150px;
}

[fx-s-pl~="-30"] {
  padding-left: -150px;
}

[fx-s-pr~="-30"] {
  padding-right: -150px;
}

[fx-s-pt~="-30"] {
  padding-top: -150px;
}

[fx-s-pb~="-30"] {
  padding-bottom: -150px;
}

[fx-s-gutter~="-30"] {
  margin-left: 75px;
  margin-right: 75px;
}

[fx-s-gutter~="-30"]>[fx-s-col],
[fx-s-gutter~="-30"]>[fx-s-flex] {
  padding-left: -75px;
  padding-right: -75px;
}

[fx-s-width~="-30"] {
  width: -1500px !important;
}

[fx-s-max-width~="-30"] {
  max-width: -1500px !important;
}

[fx-s-height~="-30"] {
  height: -1500px !important;
}

[fx-s-max-height~="-30"] {
  max-height: -1500px !important;
}

[fx-s-mxy~="-29.5"] {
  margin: -147.5px;
}

[fx-s-mx~="-29.5"] {
  margin-left: -147.5px;
  margin-right: -147.5px;
}

[fx-s-my~="-29.5"] {
  margin-top: -147.5px;
  margin-bottom: -147.5px;
}

[fx-s-ml~="-29.5"] {
  margin-left: -147.5px;
}

[fx-s-mr~="-29.5"] {
  margin-right: -147.5px;
}

[fx-s-mt~="-29.5"] {
  margin-top: -147.5px;
}

[fx-s-mb~="-29.5"] {
  margin-bottom: -147.5px;
}

[fx-s-pxy~="-29.5"] {
  padding: -147.5px;
}

[fx-s-px~="-29.5"] {
  padding-left: -147.5px;
  padding-right: -147.5px;
}

[fx-s-py~="-29.5"] {
  padding-top: -147.5px;
  padding-bottom: -147.5px;
}

[fx-s-pl~="-29.5"] {
  padding-left: -147.5px;
}

[fx-s-pr~="-29.5"] {
  padding-right: -147.5px;
}

[fx-s-pt~="-29.5"] {
  padding-top: -147.5px;
}

[fx-s-pb~="-29.5"] {
  padding-bottom: -147.5px;
}

[fx-s-gutter~="-29.5"] {
  margin-left: 73.75px;
  margin-right: 73.75px;
}

[fx-s-gutter~="-29.5"]>[fx-s-col],
[fx-s-gutter~="-29.5"]>[fx-s-flex] {
  padding-left: -73.75px;
  padding-right: -73.75px;
}

[fx-s-width~="-29.5"] {
  width: -1475px !important;
}

[fx-s-max-width~="-29.5"] {
  max-width: -1475px !important;
}

[fx-s-height~="-29.5"] {
  height: -1475px !important;
}

[fx-s-max-height~="-29.5"] {
  max-height: -1475px !important;
}

[fx-s-mxy~="-29"] {
  margin: -145px;
}

[fx-s-mx~="-29"] {
  margin-left: -145px;
  margin-right: -145px;
}

[fx-s-my~="-29"] {
  margin-top: -145px;
  margin-bottom: -145px;
}

[fx-s-ml~="-29"] {
  margin-left: -145px;
}

[fx-s-mr~="-29"] {
  margin-right: -145px;
}

[fx-s-mt~="-29"] {
  margin-top: -145px;
}

[fx-s-mb~="-29"] {
  margin-bottom: -145px;
}

[fx-s-pxy~="-29"] {
  padding: -145px;
}

[fx-s-px~="-29"] {
  padding-left: -145px;
  padding-right: -145px;
}

[fx-s-py~="-29"] {
  padding-top: -145px;
  padding-bottom: -145px;
}

[fx-s-pl~="-29"] {
  padding-left: -145px;
}

[fx-s-pr~="-29"] {
  padding-right: -145px;
}

[fx-s-pt~="-29"] {
  padding-top: -145px;
}

[fx-s-pb~="-29"] {
  padding-bottom: -145px;
}

[fx-s-gutter~="-29"] {
  margin-left: 72.5px;
  margin-right: 72.5px;
}

[fx-s-gutter~="-29"]>[fx-s-col],
[fx-s-gutter~="-29"]>[fx-s-flex] {
  padding-left: -72.5px;
  padding-right: -72.5px;
}

[fx-s-width~="-29"] {
  width: -1450px !important;
}

[fx-s-max-width~="-29"] {
  max-width: -1450px !important;
}

[fx-s-height~="-29"] {
  height: -1450px !important;
}

[fx-s-max-height~="-29"] {
  max-height: -1450px !important;
}

[fx-s-mxy~="-28.5"] {
  margin: -142.5px;
}

[fx-s-mx~="-28.5"] {
  margin-left: -142.5px;
  margin-right: -142.5px;
}

[fx-s-my~="-28.5"] {
  margin-top: -142.5px;
  margin-bottom: -142.5px;
}

[fx-s-ml~="-28.5"] {
  margin-left: -142.5px;
}

[fx-s-mr~="-28.5"] {
  margin-right: -142.5px;
}

[fx-s-mt~="-28.5"] {
  margin-top: -142.5px;
}

[fx-s-mb~="-28.5"] {
  margin-bottom: -142.5px;
}

[fx-s-pxy~="-28.5"] {
  padding: -142.5px;
}

[fx-s-px~="-28.5"] {
  padding-left: -142.5px;
  padding-right: -142.5px;
}

[fx-s-py~="-28.5"] {
  padding-top: -142.5px;
  padding-bottom: -142.5px;
}

[fx-s-pl~="-28.5"] {
  padding-left: -142.5px;
}

[fx-s-pr~="-28.5"] {
  padding-right: -142.5px;
}

[fx-s-pt~="-28.5"] {
  padding-top: -142.5px;
}

[fx-s-pb~="-28.5"] {
  padding-bottom: -142.5px;
}

[fx-s-gutter~="-28.5"] {
  margin-left: 71.25px;
  margin-right: 71.25px;
}

[fx-s-gutter~="-28.5"]>[fx-s-col],
[fx-s-gutter~="-28.5"]>[fx-s-flex] {
  padding-left: -71.25px;
  padding-right: -71.25px;
}

[fx-s-width~="-28.5"] {
  width: -1425px !important;
}

[fx-s-max-width~="-28.5"] {
  max-width: -1425px !important;
}

[fx-s-height~="-28.5"] {
  height: -1425px !important;
}

[fx-s-max-height~="-28.5"] {
  max-height: -1425px !important;
}

[fx-s-mxy~="-28"] {
  margin: -140px;
}

[fx-s-mx~="-28"] {
  margin-left: -140px;
  margin-right: -140px;
}

[fx-s-my~="-28"] {
  margin-top: -140px;
  margin-bottom: -140px;
}

[fx-s-ml~="-28"] {
  margin-left: -140px;
}

[fx-s-mr~="-28"] {
  margin-right: -140px;
}

[fx-s-mt~="-28"] {
  margin-top: -140px;
}

[fx-s-mb~="-28"] {
  margin-bottom: -140px;
}

[fx-s-pxy~="-28"] {
  padding: -140px;
}

[fx-s-px~="-28"] {
  padding-left: -140px;
  padding-right: -140px;
}

[fx-s-py~="-28"] {
  padding-top: -140px;
  padding-bottom: -140px;
}

[fx-s-pl~="-28"] {
  padding-left: -140px;
}

[fx-s-pr~="-28"] {
  padding-right: -140px;
}

[fx-s-pt~="-28"] {
  padding-top: -140px;
}

[fx-s-pb~="-28"] {
  padding-bottom: -140px;
}

[fx-s-gutter~="-28"] {
  margin-left: 70px;
  margin-right: 70px;
}

[fx-s-gutter~="-28"]>[fx-s-col],
[fx-s-gutter~="-28"]>[fx-s-flex] {
  padding-left: -70px;
  padding-right: -70px;
}

[fx-s-width~="-28"] {
  width: -1400px !important;
}

[fx-s-max-width~="-28"] {
  max-width: -1400px !important;
}

[fx-s-height~="-28"] {
  height: -1400px !important;
}

[fx-s-max-height~="-28"] {
  max-height: -1400px !important;
}

[fx-s-mxy~="-27.5"] {
  margin: -137.5px;
}

[fx-s-mx~="-27.5"] {
  margin-left: -137.5px;
  margin-right: -137.5px;
}

[fx-s-my~="-27.5"] {
  margin-top: -137.5px;
  margin-bottom: -137.5px;
}

[fx-s-ml~="-27.5"] {
  margin-left: -137.5px;
}

[fx-s-mr~="-27.5"] {
  margin-right: -137.5px;
}

[fx-s-mt~="-27.5"] {
  margin-top: -137.5px;
}

[fx-s-mb~="-27.5"] {
  margin-bottom: -137.5px;
}

[fx-s-pxy~="-27.5"] {
  padding: -137.5px;
}

[fx-s-px~="-27.5"] {
  padding-left: -137.5px;
  padding-right: -137.5px;
}

[fx-s-py~="-27.5"] {
  padding-top: -137.5px;
  padding-bottom: -137.5px;
}

[fx-s-pl~="-27.5"] {
  padding-left: -137.5px;
}

[fx-s-pr~="-27.5"] {
  padding-right: -137.5px;
}

[fx-s-pt~="-27.5"] {
  padding-top: -137.5px;
}

[fx-s-pb~="-27.5"] {
  padding-bottom: -137.5px;
}

[fx-s-gutter~="-27.5"] {
  margin-left: 68.75px;
  margin-right: 68.75px;
}

[fx-s-gutter~="-27.5"]>[fx-s-col],
[fx-s-gutter~="-27.5"]>[fx-s-flex] {
  padding-left: -68.75px;
  padding-right: -68.75px;
}

[fx-s-width~="-27.5"] {
  width: -1375px !important;
}

[fx-s-max-width~="-27.5"] {
  max-width: -1375px !important;
}

[fx-s-height~="-27.5"] {
  height: -1375px !important;
}

[fx-s-max-height~="-27.5"] {
  max-height: -1375px !important;
}

[fx-s-mxy~="-27"] {
  margin: -135px;
}

[fx-s-mx~="-27"] {
  margin-left: -135px;
  margin-right: -135px;
}

[fx-s-my~="-27"] {
  margin-top: -135px;
  margin-bottom: -135px;
}

[fx-s-ml~="-27"] {
  margin-left: -135px;
}

[fx-s-mr~="-27"] {
  margin-right: -135px;
}

[fx-s-mt~="-27"] {
  margin-top: -135px;
}

[fx-s-mb~="-27"] {
  margin-bottom: -135px;
}

[fx-s-pxy~="-27"] {
  padding: -135px;
}

[fx-s-px~="-27"] {
  padding-left: -135px;
  padding-right: -135px;
}

[fx-s-py~="-27"] {
  padding-top: -135px;
  padding-bottom: -135px;
}

[fx-s-pl~="-27"] {
  padding-left: -135px;
}

[fx-s-pr~="-27"] {
  padding-right: -135px;
}

[fx-s-pt~="-27"] {
  padding-top: -135px;
}

[fx-s-pb~="-27"] {
  padding-bottom: -135px;
}

[fx-s-gutter~="-27"] {
  margin-left: 67.5px;
  margin-right: 67.5px;
}

[fx-s-gutter~="-27"]>[fx-s-col],
[fx-s-gutter~="-27"]>[fx-s-flex] {
  padding-left: -67.5px;
  padding-right: -67.5px;
}

[fx-s-width~="-27"] {
  width: -1350px !important;
}

[fx-s-max-width~="-27"] {
  max-width: -1350px !important;
}

[fx-s-height~="-27"] {
  height: -1350px !important;
}

[fx-s-max-height~="-27"] {
  max-height: -1350px !important;
}

[fx-s-mxy~="-26.5"] {
  margin: -132.5px;
}

[fx-s-mx~="-26.5"] {
  margin-left: -132.5px;
  margin-right: -132.5px;
}

[fx-s-my~="-26.5"] {
  margin-top: -132.5px;
  margin-bottom: -132.5px;
}

[fx-s-ml~="-26.5"] {
  margin-left: -132.5px;
}

[fx-s-mr~="-26.5"] {
  margin-right: -132.5px;
}

[fx-s-mt~="-26.5"] {
  margin-top: -132.5px;
}

[fx-s-mb~="-26.5"] {
  margin-bottom: -132.5px;
}

[fx-s-pxy~="-26.5"] {
  padding: -132.5px;
}

[fx-s-px~="-26.5"] {
  padding-left: -132.5px;
  padding-right: -132.5px;
}

[fx-s-py~="-26.5"] {
  padding-top: -132.5px;
  padding-bottom: -132.5px;
}

[fx-s-pl~="-26.5"] {
  padding-left: -132.5px;
}

[fx-s-pr~="-26.5"] {
  padding-right: -132.5px;
}

[fx-s-pt~="-26.5"] {
  padding-top: -132.5px;
}

[fx-s-pb~="-26.5"] {
  padding-bottom: -132.5px;
}

[fx-s-gutter~="-26.5"] {
  margin-left: 66.25px;
  margin-right: 66.25px;
}

[fx-s-gutter~="-26.5"]>[fx-s-col],
[fx-s-gutter~="-26.5"]>[fx-s-flex] {
  padding-left: -66.25px;
  padding-right: -66.25px;
}

[fx-s-width~="-26.5"] {
  width: -1325px !important;
}

[fx-s-max-width~="-26.5"] {
  max-width: -1325px !important;
}

[fx-s-height~="-26.5"] {
  height: -1325px !important;
}

[fx-s-max-height~="-26.5"] {
  max-height: -1325px !important;
}

[fx-s-mxy~="-26"] {
  margin: -130px;
}

[fx-s-mx~="-26"] {
  margin-left: -130px;
  margin-right: -130px;
}

[fx-s-my~="-26"] {
  margin-top: -130px;
  margin-bottom: -130px;
}

[fx-s-ml~="-26"] {
  margin-left: -130px;
}

[fx-s-mr~="-26"] {
  margin-right: -130px;
}

[fx-s-mt~="-26"] {
  margin-top: -130px;
}

[fx-s-mb~="-26"] {
  margin-bottom: -130px;
}

[fx-s-pxy~="-26"] {
  padding: -130px;
}

[fx-s-px~="-26"] {
  padding-left: -130px;
  padding-right: -130px;
}

[fx-s-py~="-26"] {
  padding-top: -130px;
  padding-bottom: -130px;
}

[fx-s-pl~="-26"] {
  padding-left: -130px;
}

[fx-s-pr~="-26"] {
  padding-right: -130px;
}

[fx-s-pt~="-26"] {
  padding-top: -130px;
}

[fx-s-pb~="-26"] {
  padding-bottom: -130px;
}

[fx-s-gutter~="-26"] {
  margin-left: 65px;
  margin-right: 65px;
}

[fx-s-gutter~="-26"]>[fx-s-col],
[fx-s-gutter~="-26"]>[fx-s-flex] {
  padding-left: -65px;
  padding-right: -65px;
}

[fx-s-width~="-26"] {
  width: -1300px !important;
}

[fx-s-max-width~="-26"] {
  max-width: -1300px !important;
}

[fx-s-height~="-26"] {
  height: -1300px !important;
}

[fx-s-max-height~="-26"] {
  max-height: -1300px !important;
}

[fx-s-mxy~="-25.5"] {
  margin: -127.5px;
}

[fx-s-mx~="-25.5"] {
  margin-left: -127.5px;
  margin-right: -127.5px;
}

[fx-s-my~="-25.5"] {
  margin-top: -127.5px;
  margin-bottom: -127.5px;
}

[fx-s-ml~="-25.5"] {
  margin-left: -127.5px;
}

[fx-s-mr~="-25.5"] {
  margin-right: -127.5px;
}

[fx-s-mt~="-25.5"] {
  margin-top: -127.5px;
}

[fx-s-mb~="-25.5"] {
  margin-bottom: -127.5px;
}

[fx-s-pxy~="-25.5"] {
  padding: -127.5px;
}

[fx-s-px~="-25.5"] {
  padding-left: -127.5px;
  padding-right: -127.5px;
}

[fx-s-py~="-25.5"] {
  padding-top: -127.5px;
  padding-bottom: -127.5px;
}

[fx-s-pl~="-25.5"] {
  padding-left: -127.5px;
}

[fx-s-pr~="-25.5"] {
  padding-right: -127.5px;
}

[fx-s-pt~="-25.5"] {
  padding-top: -127.5px;
}

[fx-s-pb~="-25.5"] {
  padding-bottom: -127.5px;
}

[fx-s-gutter~="-25.5"] {
  margin-left: 63.75px;
  margin-right: 63.75px;
}

[fx-s-gutter~="-25.5"]>[fx-s-col],
[fx-s-gutter~="-25.5"]>[fx-s-flex] {
  padding-left: -63.75px;
  padding-right: -63.75px;
}

[fx-s-width~="-25.5"] {
  width: -1275px !important;
}

[fx-s-max-width~="-25.5"] {
  max-width: -1275px !important;
}

[fx-s-height~="-25.5"] {
  height: -1275px !important;
}

[fx-s-max-height~="-25.5"] {
  max-height: -1275px !important;
}

[fx-s-mxy~="-25"] {
  margin: -125px;
}

[fx-s-mx~="-25"] {
  margin-left: -125px;
  margin-right: -125px;
}

[fx-s-my~="-25"] {
  margin-top: -125px;
  margin-bottom: -125px;
}

[fx-s-ml~="-25"] {
  margin-left: -125px;
}

[fx-s-mr~="-25"] {
  margin-right: -125px;
}

[fx-s-mt~="-25"] {
  margin-top: -125px;
}

[fx-s-mb~="-25"] {
  margin-bottom: -125px;
}

[fx-s-pxy~="-25"] {
  padding: -125px;
}

[fx-s-px~="-25"] {
  padding-left: -125px;
  padding-right: -125px;
}

[fx-s-py~="-25"] {
  padding-top: -125px;
  padding-bottom: -125px;
}

[fx-s-pl~="-25"] {
  padding-left: -125px;
}

[fx-s-pr~="-25"] {
  padding-right: -125px;
}

[fx-s-pt~="-25"] {
  padding-top: -125px;
}

[fx-s-pb~="-25"] {
  padding-bottom: -125px;
}

[fx-s-gutter~="-25"] {
  margin-left: 62.5px;
  margin-right: 62.5px;
}

[fx-s-gutter~="-25"]>[fx-s-col],
[fx-s-gutter~="-25"]>[fx-s-flex] {
  padding-left: -62.5px;
  padding-right: -62.5px;
}

[fx-s-width~="-25"] {
  width: -1250px !important;
}

[fx-s-max-width~="-25"] {
  max-width: -1250px !important;
}

[fx-s-height~="-25"] {
  height: -1250px !important;
}

[fx-s-max-height~="-25"] {
  max-height: -1250px !important;
}

[fx-s-mxy~="-24.5"] {
  margin: -122.5px;
}

[fx-s-mx~="-24.5"] {
  margin-left: -122.5px;
  margin-right: -122.5px;
}

[fx-s-my~="-24.5"] {
  margin-top: -122.5px;
  margin-bottom: -122.5px;
}

[fx-s-ml~="-24.5"] {
  margin-left: -122.5px;
}

[fx-s-mr~="-24.5"] {
  margin-right: -122.5px;
}

[fx-s-mt~="-24.5"] {
  margin-top: -122.5px;
}

[fx-s-mb~="-24.5"] {
  margin-bottom: -122.5px;
}

[fx-s-pxy~="-24.5"] {
  padding: -122.5px;
}

[fx-s-px~="-24.5"] {
  padding-left: -122.5px;
  padding-right: -122.5px;
}

[fx-s-py~="-24.5"] {
  padding-top: -122.5px;
  padding-bottom: -122.5px;
}

[fx-s-pl~="-24.5"] {
  padding-left: -122.5px;
}

[fx-s-pr~="-24.5"] {
  padding-right: -122.5px;
}

[fx-s-pt~="-24.5"] {
  padding-top: -122.5px;
}

[fx-s-pb~="-24.5"] {
  padding-bottom: -122.5px;
}

[fx-s-gutter~="-24.5"] {
  margin-left: 61.25px;
  margin-right: 61.25px;
}

[fx-s-gutter~="-24.5"]>[fx-s-col],
[fx-s-gutter~="-24.5"]>[fx-s-flex] {
  padding-left: -61.25px;
  padding-right: -61.25px;
}

[fx-s-width~="-24.5"] {
  width: -1225px !important;
}

[fx-s-max-width~="-24.5"] {
  max-width: -1225px !important;
}

[fx-s-height~="-24.5"] {
  height: -1225px !important;
}

[fx-s-max-height~="-24.5"] {
  max-height: -1225px !important;
}

[fx-s-mxy~="-24"] {
  margin: -120px;
}

[fx-s-mx~="-24"] {
  margin-left: -120px;
  margin-right: -120px;
}

[fx-s-my~="-24"] {
  margin-top: -120px;
  margin-bottom: -120px;
}

[fx-s-ml~="-24"] {
  margin-left: -120px;
}

[fx-s-mr~="-24"] {
  margin-right: -120px;
}

[fx-s-mt~="-24"] {
  margin-top: -120px;
}

[fx-s-mb~="-24"] {
  margin-bottom: -120px;
}

[fx-s-pxy~="-24"] {
  padding: -120px;
}

[fx-s-px~="-24"] {
  padding-left: -120px;
  padding-right: -120px;
}

[fx-s-py~="-24"] {
  padding-top: -120px;
  padding-bottom: -120px;
}

[fx-s-pl~="-24"] {
  padding-left: -120px;
}

[fx-s-pr~="-24"] {
  padding-right: -120px;
}

[fx-s-pt~="-24"] {
  padding-top: -120px;
}

[fx-s-pb~="-24"] {
  padding-bottom: -120px;
}

[fx-s-gutter~="-24"] {
  margin-left: 60px;
  margin-right: 60px;
}

[fx-s-gutter~="-24"]>[fx-s-col],
[fx-s-gutter~="-24"]>[fx-s-flex] {
  padding-left: -60px;
  padding-right: -60px;
}

[fx-s-width~="-24"] {
  width: -1200px !important;
}

[fx-s-max-width~="-24"] {
  max-width: -1200px !important;
}

[fx-s-height~="-24"] {
  height: -1200px !important;
}

[fx-s-max-height~="-24"] {
  max-height: -1200px !important;
}

[fx-s-mxy~="-23.5"] {
  margin: -117.5px;
}

[fx-s-mx~="-23.5"] {
  margin-left: -117.5px;
  margin-right: -117.5px;
}

[fx-s-my~="-23.5"] {
  margin-top: -117.5px;
  margin-bottom: -117.5px;
}

[fx-s-ml~="-23.5"] {
  margin-left: -117.5px;
}

[fx-s-mr~="-23.5"] {
  margin-right: -117.5px;
}

[fx-s-mt~="-23.5"] {
  margin-top: -117.5px;
}

[fx-s-mb~="-23.5"] {
  margin-bottom: -117.5px;
}

[fx-s-pxy~="-23.5"] {
  padding: -117.5px;
}

[fx-s-px~="-23.5"] {
  padding-left: -117.5px;
  padding-right: -117.5px;
}

[fx-s-py~="-23.5"] {
  padding-top: -117.5px;
  padding-bottom: -117.5px;
}

[fx-s-pl~="-23.5"] {
  padding-left: -117.5px;
}

[fx-s-pr~="-23.5"] {
  padding-right: -117.5px;
}

[fx-s-pt~="-23.5"] {
  padding-top: -117.5px;
}

[fx-s-pb~="-23.5"] {
  padding-bottom: -117.5px;
}

[fx-s-gutter~="-23.5"] {
  margin-left: 58.75px;
  margin-right: 58.75px;
}

[fx-s-gutter~="-23.5"]>[fx-s-col],
[fx-s-gutter~="-23.5"]>[fx-s-flex] {
  padding-left: -58.75px;
  padding-right: -58.75px;
}

[fx-s-width~="-23.5"] {
  width: -1175px !important;
}

[fx-s-max-width~="-23.5"] {
  max-width: -1175px !important;
}

[fx-s-height~="-23.5"] {
  height: -1175px !important;
}

[fx-s-max-height~="-23.5"] {
  max-height: -1175px !important;
}

[fx-s-mxy~="-23"] {
  margin: -115px;
}

[fx-s-mx~="-23"] {
  margin-left: -115px;
  margin-right: -115px;
}

[fx-s-my~="-23"] {
  margin-top: -115px;
  margin-bottom: -115px;
}

[fx-s-ml~="-23"] {
  margin-left: -115px;
}

[fx-s-mr~="-23"] {
  margin-right: -115px;
}

[fx-s-mt~="-23"] {
  margin-top: -115px;
}

[fx-s-mb~="-23"] {
  margin-bottom: -115px;
}

[fx-s-pxy~="-23"] {
  padding: -115px;
}

[fx-s-px~="-23"] {
  padding-left: -115px;
  padding-right: -115px;
}

[fx-s-py~="-23"] {
  padding-top: -115px;
  padding-bottom: -115px;
}

[fx-s-pl~="-23"] {
  padding-left: -115px;
}

[fx-s-pr~="-23"] {
  padding-right: -115px;
}

[fx-s-pt~="-23"] {
  padding-top: -115px;
}

[fx-s-pb~="-23"] {
  padding-bottom: -115px;
}

[fx-s-gutter~="-23"] {
  margin-left: 57.5px;
  margin-right: 57.5px;
}

[fx-s-gutter~="-23"]>[fx-s-col],
[fx-s-gutter~="-23"]>[fx-s-flex] {
  padding-left: -57.5px;
  padding-right: -57.5px;
}

[fx-s-width~="-23"] {
  width: -1150px !important;
}

[fx-s-max-width~="-23"] {
  max-width: -1150px !important;
}

[fx-s-height~="-23"] {
  height: -1150px !important;
}

[fx-s-max-height~="-23"] {
  max-height: -1150px !important;
}

[fx-s-mxy~="-22.5"] {
  margin: -112.5px;
}

[fx-s-mx~="-22.5"] {
  margin-left: -112.5px;
  margin-right: -112.5px;
}

[fx-s-my~="-22.5"] {
  margin-top: -112.5px;
  margin-bottom: -112.5px;
}

[fx-s-ml~="-22.5"] {
  margin-left: -112.5px;
}

[fx-s-mr~="-22.5"] {
  margin-right: -112.5px;
}

[fx-s-mt~="-22.5"] {
  margin-top: -112.5px;
}

[fx-s-mb~="-22.5"] {
  margin-bottom: -112.5px;
}

[fx-s-pxy~="-22.5"] {
  padding: -112.5px;
}

[fx-s-px~="-22.5"] {
  padding-left: -112.5px;
  padding-right: -112.5px;
}

[fx-s-py~="-22.5"] {
  padding-top: -112.5px;
  padding-bottom: -112.5px;
}

[fx-s-pl~="-22.5"] {
  padding-left: -112.5px;
}

[fx-s-pr~="-22.5"] {
  padding-right: -112.5px;
}

[fx-s-pt~="-22.5"] {
  padding-top: -112.5px;
}

[fx-s-pb~="-22.5"] {
  padding-bottom: -112.5px;
}

[fx-s-gutter~="-22.5"] {
  margin-left: 56.25px;
  margin-right: 56.25px;
}

[fx-s-gutter~="-22.5"]>[fx-s-col],
[fx-s-gutter~="-22.5"]>[fx-s-flex] {
  padding-left: -56.25px;
  padding-right: -56.25px;
}

[fx-s-width~="-22.5"] {
  width: -1125px !important;
}

[fx-s-max-width~="-22.5"] {
  max-width: -1125px !important;
}

[fx-s-height~="-22.5"] {
  height: -1125px !important;
}

[fx-s-max-height~="-22.5"] {
  max-height: -1125px !important;
}

[fx-s-mxy~="-22"] {
  margin: -110px;
}

[fx-s-mx~="-22"] {
  margin-left: -110px;
  margin-right: -110px;
}

[fx-s-my~="-22"] {
  margin-top: -110px;
  margin-bottom: -110px;
}

[fx-s-ml~="-22"] {
  margin-left: -110px;
}

[fx-s-mr~="-22"] {
  margin-right: -110px;
}

[fx-s-mt~="-22"] {
  margin-top: -110px;
}

[fx-s-mb~="-22"] {
  margin-bottom: -110px;
}

[fx-s-pxy~="-22"] {
  padding: -110px;
}

[fx-s-px~="-22"] {
  padding-left: -110px;
  padding-right: -110px;
}

[fx-s-py~="-22"] {
  padding-top: -110px;
  padding-bottom: -110px;
}

[fx-s-pl~="-22"] {
  padding-left: -110px;
}

[fx-s-pr~="-22"] {
  padding-right: -110px;
}

[fx-s-pt~="-22"] {
  padding-top: -110px;
}

[fx-s-pb~="-22"] {
  padding-bottom: -110px;
}

[fx-s-gutter~="-22"] {
  margin-left: 55px;
  margin-right: 55px;
}

[fx-s-gutter~="-22"]>[fx-s-col],
[fx-s-gutter~="-22"]>[fx-s-flex] {
  padding-left: -55px;
  padding-right: -55px;
}

[fx-s-width~="-22"] {
  width: -1100px !important;
}

[fx-s-max-width~="-22"] {
  max-width: -1100px !important;
}

[fx-s-height~="-22"] {
  height: -1100px !important;
}

[fx-s-max-height~="-22"] {
  max-height: -1100px !important;
}

[fx-s-mxy~="-21.5"] {
  margin: -107.5px;
}

[fx-s-mx~="-21.5"] {
  margin-left: -107.5px;
  margin-right: -107.5px;
}

[fx-s-my~="-21.5"] {
  margin-top: -107.5px;
  margin-bottom: -107.5px;
}

[fx-s-ml~="-21.5"] {
  margin-left: -107.5px;
}

[fx-s-mr~="-21.5"] {
  margin-right: -107.5px;
}

[fx-s-mt~="-21.5"] {
  margin-top: -107.5px;
}

[fx-s-mb~="-21.5"] {
  margin-bottom: -107.5px;
}

[fx-s-pxy~="-21.5"] {
  padding: -107.5px;
}

[fx-s-px~="-21.5"] {
  padding-left: -107.5px;
  padding-right: -107.5px;
}

[fx-s-py~="-21.5"] {
  padding-top: -107.5px;
  padding-bottom: -107.5px;
}

[fx-s-pl~="-21.5"] {
  padding-left: -107.5px;
}

[fx-s-pr~="-21.5"] {
  padding-right: -107.5px;
}

[fx-s-pt~="-21.5"] {
  padding-top: -107.5px;
}

[fx-s-pb~="-21.5"] {
  padding-bottom: -107.5px;
}

[fx-s-gutter~="-21.5"] {
  margin-left: 53.75px;
  margin-right: 53.75px;
}

[fx-s-gutter~="-21.5"]>[fx-s-col],
[fx-s-gutter~="-21.5"]>[fx-s-flex] {
  padding-left: -53.75px;
  padding-right: -53.75px;
}

[fx-s-width~="-21.5"] {
  width: -1075px !important;
}

[fx-s-max-width~="-21.5"] {
  max-width: -1075px !important;
}

[fx-s-height~="-21.5"] {
  height: -1075px !important;
}

[fx-s-max-height~="-21.5"] {
  max-height: -1075px !important;
}

[fx-s-mxy~="-21"] {
  margin: -105px;
}

[fx-s-mx~="-21"] {
  margin-left: -105px;
  margin-right: -105px;
}

[fx-s-my~="-21"] {
  margin-top: -105px;
  margin-bottom: -105px;
}

[fx-s-ml~="-21"] {
  margin-left: -105px;
}

[fx-s-mr~="-21"] {
  margin-right: -105px;
}

[fx-s-mt~="-21"] {
  margin-top: -105px;
}

[fx-s-mb~="-21"] {
  margin-bottom: -105px;
}

[fx-s-pxy~="-21"] {
  padding: -105px;
}

[fx-s-px~="-21"] {
  padding-left: -105px;
  padding-right: -105px;
}

[fx-s-py~="-21"] {
  padding-top: -105px;
  padding-bottom: -105px;
}

[fx-s-pl~="-21"] {
  padding-left: -105px;
}

[fx-s-pr~="-21"] {
  padding-right: -105px;
}

[fx-s-pt~="-21"] {
  padding-top: -105px;
}

[fx-s-pb~="-21"] {
  padding-bottom: -105px;
}

[fx-s-gutter~="-21"] {
  margin-left: 52.5px;
  margin-right: 52.5px;
}

[fx-s-gutter~="-21"]>[fx-s-col],
[fx-s-gutter~="-21"]>[fx-s-flex] {
  padding-left: -52.5px;
  padding-right: -52.5px;
}

[fx-s-width~="-21"] {
  width: -1050px !important;
}

[fx-s-max-width~="-21"] {
  max-width: -1050px !important;
}

[fx-s-height~="-21"] {
  height: -1050px !important;
}

[fx-s-max-height~="-21"] {
  max-height: -1050px !important;
}

[fx-s-mxy~="-20.5"] {
  margin: -102.5px;
}

[fx-s-mx~="-20.5"] {
  margin-left: -102.5px;
  margin-right: -102.5px;
}

[fx-s-my~="-20.5"] {
  margin-top: -102.5px;
  margin-bottom: -102.5px;
}

[fx-s-ml~="-20.5"] {
  margin-left: -102.5px;
}

[fx-s-mr~="-20.5"] {
  margin-right: -102.5px;
}

[fx-s-mt~="-20.5"] {
  margin-top: -102.5px;
}

[fx-s-mb~="-20.5"] {
  margin-bottom: -102.5px;
}

[fx-s-pxy~="-20.5"] {
  padding: -102.5px;
}

[fx-s-px~="-20.5"] {
  padding-left: -102.5px;
  padding-right: -102.5px;
}

[fx-s-py~="-20.5"] {
  padding-top: -102.5px;
  padding-bottom: -102.5px;
}

[fx-s-pl~="-20.5"] {
  padding-left: -102.5px;
}

[fx-s-pr~="-20.5"] {
  padding-right: -102.5px;
}

[fx-s-pt~="-20.5"] {
  padding-top: -102.5px;
}

[fx-s-pb~="-20.5"] {
  padding-bottom: -102.5px;
}

[fx-s-gutter~="-20.5"] {
  margin-left: 51.25px;
  margin-right: 51.25px;
}

[fx-s-gutter~="-20.5"]>[fx-s-col],
[fx-s-gutter~="-20.5"]>[fx-s-flex] {
  padding-left: -51.25px;
  padding-right: -51.25px;
}

[fx-s-width~="-20.5"] {
  width: -1025px !important;
}

[fx-s-max-width~="-20.5"] {
  max-width: -1025px !important;
}

[fx-s-height~="-20.5"] {
  height: -1025px !important;
}

[fx-s-max-height~="-20.5"] {
  max-height: -1025px !important;
}

[fx-s-mxy~="-20"] {
  margin: -100px;
}

[fx-s-mx~="-20"] {
  margin-left: -100px;
  margin-right: -100px;
}

[fx-s-my~="-20"] {
  margin-top: -100px;
  margin-bottom: -100px;
}

[fx-s-ml~="-20"] {
  margin-left: -100px;
}

[fx-s-mr~="-20"] {
  margin-right: -100px;
}

[fx-s-mt~="-20"] {
  margin-top: -100px;
}

[fx-s-mb~="-20"] {
  margin-bottom: -100px;
}

[fx-s-pxy~="-20"] {
  padding: -100px;
}

[fx-s-px~="-20"] {
  padding-left: -100px;
  padding-right: -100px;
}

[fx-s-py~="-20"] {
  padding-top: -100px;
  padding-bottom: -100px;
}

[fx-s-pl~="-20"] {
  padding-left: -100px;
}

[fx-s-pr~="-20"] {
  padding-right: -100px;
}

[fx-s-pt~="-20"] {
  padding-top: -100px;
}

[fx-s-pb~="-20"] {
  padding-bottom: -100px;
}

[fx-s-gutter~="-20"] {
  margin-left: 50px;
  margin-right: 50px;
}

[fx-s-gutter~="-20"]>[fx-s-col],
[fx-s-gutter~="-20"]>[fx-s-flex] {
  padding-left: -50px;
  padding-right: -50px;
}

[fx-s-width~="-20"] {
  width: -1000px !important;
}

[fx-s-max-width~="-20"] {
  max-width: -1000px !important;
}

[fx-s-height~="-20"] {
  height: -1000px !important;
}

[fx-s-max-height~="-20"] {
  max-height: -1000px !important;
}

[fx-s-mxy~="-19.5"] {
  margin: -97.5px;
}

[fx-s-mx~="-19.5"] {
  margin-left: -97.5px;
  margin-right: -97.5px;
}

[fx-s-my~="-19.5"] {
  margin-top: -97.5px;
  margin-bottom: -97.5px;
}

[fx-s-ml~="-19.5"] {
  margin-left: -97.5px;
}

[fx-s-mr~="-19.5"] {
  margin-right: -97.5px;
}

[fx-s-mt~="-19.5"] {
  margin-top: -97.5px;
}

[fx-s-mb~="-19.5"] {
  margin-bottom: -97.5px;
}

[fx-s-pxy~="-19.5"] {
  padding: -97.5px;
}

[fx-s-px~="-19.5"] {
  padding-left: -97.5px;
  padding-right: -97.5px;
}

[fx-s-py~="-19.5"] {
  padding-top: -97.5px;
  padding-bottom: -97.5px;
}

[fx-s-pl~="-19.5"] {
  padding-left: -97.5px;
}

[fx-s-pr~="-19.5"] {
  padding-right: -97.5px;
}

[fx-s-pt~="-19.5"] {
  padding-top: -97.5px;
}

[fx-s-pb~="-19.5"] {
  padding-bottom: -97.5px;
}

[fx-s-gutter~="-19.5"] {
  margin-left: 48.75px;
  margin-right: 48.75px;
}

[fx-s-gutter~="-19.5"]>[fx-s-col],
[fx-s-gutter~="-19.5"]>[fx-s-flex] {
  padding-left: -48.75px;
  padding-right: -48.75px;
}

[fx-s-width~="-19.5"] {
  width: -975px !important;
}

[fx-s-max-width~="-19.5"] {
  max-width: -975px !important;
}

[fx-s-height~="-19.5"] {
  height: -975px !important;
}

[fx-s-max-height~="-19.5"] {
  max-height: -975px !important;
}

[fx-s-mxy~="-19"] {
  margin: -95px;
}

[fx-s-mx~="-19"] {
  margin-left: -95px;
  margin-right: -95px;
}

[fx-s-my~="-19"] {
  margin-top: -95px;
  margin-bottom: -95px;
}

[fx-s-ml~="-19"] {
  margin-left: -95px;
}

[fx-s-mr~="-19"] {
  margin-right: -95px;
}

[fx-s-mt~="-19"] {
  margin-top: -95px;
}

[fx-s-mb~="-19"] {
  margin-bottom: -95px;
}

[fx-s-pxy~="-19"] {
  padding: -95px;
}

[fx-s-px~="-19"] {
  padding-left: -95px;
  padding-right: -95px;
}

[fx-s-py~="-19"] {
  padding-top: -95px;
  padding-bottom: -95px;
}

[fx-s-pl~="-19"] {
  padding-left: -95px;
}

[fx-s-pr~="-19"] {
  padding-right: -95px;
}

[fx-s-pt~="-19"] {
  padding-top: -95px;
}

[fx-s-pb~="-19"] {
  padding-bottom: -95px;
}

[fx-s-gutter~="-19"] {
  margin-left: 47.5px;
  margin-right: 47.5px;
}

[fx-s-gutter~="-19"]>[fx-s-col],
[fx-s-gutter~="-19"]>[fx-s-flex] {
  padding-left: -47.5px;
  padding-right: -47.5px;
}

[fx-s-width~="-19"] {
  width: -950px !important;
}

[fx-s-max-width~="-19"] {
  max-width: -950px !important;
}

[fx-s-height~="-19"] {
  height: -950px !important;
}

[fx-s-max-height~="-19"] {
  max-height: -950px !important;
}

[fx-s-mxy~="-18.5"] {
  margin: -92.5px;
}

[fx-s-mx~="-18.5"] {
  margin-left: -92.5px;
  margin-right: -92.5px;
}

[fx-s-my~="-18.5"] {
  margin-top: -92.5px;
  margin-bottom: -92.5px;
}

[fx-s-ml~="-18.5"] {
  margin-left: -92.5px;
}

[fx-s-mr~="-18.5"] {
  margin-right: -92.5px;
}

[fx-s-mt~="-18.5"] {
  margin-top: -92.5px;
}

[fx-s-mb~="-18.5"] {
  margin-bottom: -92.5px;
}

[fx-s-pxy~="-18.5"] {
  padding: -92.5px;
}

[fx-s-px~="-18.5"] {
  padding-left: -92.5px;
  padding-right: -92.5px;
}

[fx-s-py~="-18.5"] {
  padding-top: -92.5px;
  padding-bottom: -92.5px;
}

[fx-s-pl~="-18.5"] {
  padding-left: -92.5px;
}

[fx-s-pr~="-18.5"] {
  padding-right: -92.5px;
}

[fx-s-pt~="-18.5"] {
  padding-top: -92.5px;
}

[fx-s-pb~="-18.5"] {
  padding-bottom: -92.5px;
}

[fx-s-gutter~="-18.5"] {
  margin-left: 46.25px;
  margin-right: 46.25px;
}

[fx-s-gutter~="-18.5"]>[fx-s-col],
[fx-s-gutter~="-18.5"]>[fx-s-flex] {
  padding-left: -46.25px;
  padding-right: -46.25px;
}

[fx-s-width~="-18.5"] {
  width: -925px !important;
}

[fx-s-max-width~="-18.5"] {
  max-width: -925px !important;
}

[fx-s-height~="-18.5"] {
  height: -925px !important;
}

[fx-s-max-height~="-18.5"] {
  max-height: -925px !important;
}

[fx-s-mxy~="-18"] {
  margin: -90px;
}

[fx-s-mx~="-18"] {
  margin-left: -90px;
  margin-right: -90px;
}

[fx-s-my~="-18"] {
  margin-top: -90px;
  margin-bottom: -90px;
}

[fx-s-ml~="-18"] {
  margin-left: -90px;
}

[fx-s-mr~="-18"] {
  margin-right: -90px;
}

[fx-s-mt~="-18"] {
  margin-top: -90px;
}

[fx-s-mb~="-18"] {
  margin-bottom: -90px;
}

[fx-s-pxy~="-18"] {
  padding: -90px;
}

[fx-s-px~="-18"] {
  padding-left: -90px;
  padding-right: -90px;
}

[fx-s-py~="-18"] {
  padding-top: -90px;
  padding-bottom: -90px;
}

[fx-s-pl~="-18"] {
  padding-left: -90px;
}

[fx-s-pr~="-18"] {
  padding-right: -90px;
}

[fx-s-pt~="-18"] {
  padding-top: -90px;
}

[fx-s-pb~="-18"] {
  padding-bottom: -90px;
}

[fx-s-gutter~="-18"] {
  margin-left: 45px;
  margin-right: 45px;
}

[fx-s-gutter~="-18"]>[fx-s-col],
[fx-s-gutter~="-18"]>[fx-s-flex] {
  padding-left: -45px;
  padding-right: -45px;
}

[fx-s-width~="-18"] {
  width: -900px !important;
}

[fx-s-max-width~="-18"] {
  max-width: -900px !important;
}

[fx-s-height~="-18"] {
  height: -900px !important;
}

[fx-s-max-height~="-18"] {
  max-height: -900px !important;
}

[fx-s-mxy~="-17.5"] {
  margin: -87.5px;
}

[fx-s-mx~="-17.5"] {
  margin-left: -87.5px;
  margin-right: -87.5px;
}

[fx-s-my~="-17.5"] {
  margin-top: -87.5px;
  margin-bottom: -87.5px;
}

[fx-s-ml~="-17.5"] {
  margin-left: -87.5px;
}

[fx-s-mr~="-17.5"] {
  margin-right: -87.5px;
}

[fx-s-mt~="-17.5"] {
  margin-top: -87.5px;
}

[fx-s-mb~="-17.5"] {
  margin-bottom: -87.5px;
}

[fx-s-pxy~="-17.5"] {
  padding: -87.5px;
}

[fx-s-px~="-17.5"] {
  padding-left: -87.5px;
  padding-right: -87.5px;
}

[fx-s-py~="-17.5"] {
  padding-top: -87.5px;
  padding-bottom: -87.5px;
}

[fx-s-pl~="-17.5"] {
  padding-left: -87.5px;
}

[fx-s-pr~="-17.5"] {
  padding-right: -87.5px;
}

[fx-s-pt~="-17.5"] {
  padding-top: -87.5px;
}

[fx-s-pb~="-17.5"] {
  padding-bottom: -87.5px;
}

[fx-s-gutter~="-17.5"] {
  margin-left: 43.75px;
  margin-right: 43.75px;
}

[fx-s-gutter~="-17.5"]>[fx-s-col],
[fx-s-gutter~="-17.5"]>[fx-s-flex] {
  padding-left: -43.75px;
  padding-right: -43.75px;
}

[fx-s-width~="-17.5"] {
  width: -875px !important;
}

[fx-s-max-width~="-17.5"] {
  max-width: -875px !important;
}

[fx-s-height~="-17.5"] {
  height: -875px !important;
}

[fx-s-max-height~="-17.5"] {
  max-height: -875px !important;
}

[fx-s-mxy~="-17"] {
  margin: -85px;
}

[fx-s-mx~="-17"] {
  margin-left: -85px;
  margin-right: -85px;
}

[fx-s-my~="-17"] {
  margin-top: -85px;
  margin-bottom: -85px;
}

[fx-s-ml~="-17"] {
  margin-left: -85px;
}

[fx-s-mr~="-17"] {
  margin-right: -85px;
}

[fx-s-mt~="-17"] {
  margin-top: -85px;
}

[fx-s-mb~="-17"] {
  margin-bottom: -85px;
}

[fx-s-pxy~="-17"] {
  padding: -85px;
}

[fx-s-px~="-17"] {
  padding-left: -85px;
  padding-right: -85px;
}

[fx-s-py~="-17"] {
  padding-top: -85px;
  padding-bottom: -85px;
}

[fx-s-pl~="-17"] {
  padding-left: -85px;
}

[fx-s-pr~="-17"] {
  padding-right: -85px;
}

[fx-s-pt~="-17"] {
  padding-top: -85px;
}

[fx-s-pb~="-17"] {
  padding-bottom: -85px;
}

[fx-s-gutter~="-17"] {
  margin-left: 42.5px;
  margin-right: 42.5px;
}

[fx-s-gutter~="-17"]>[fx-s-col],
[fx-s-gutter~="-17"]>[fx-s-flex] {
  padding-left: -42.5px;
  padding-right: -42.5px;
}

[fx-s-width~="-17"] {
  width: -850px !important;
}

[fx-s-max-width~="-17"] {
  max-width: -850px !important;
}

[fx-s-height~="-17"] {
  height: -850px !important;
}

[fx-s-max-height~="-17"] {
  max-height: -850px !important;
}

[fx-s-mxy~="-16.5"] {
  margin: -82.5px;
}

[fx-s-mx~="-16.5"] {
  margin-left: -82.5px;
  margin-right: -82.5px;
}

[fx-s-my~="-16.5"] {
  margin-top: -82.5px;
  margin-bottom: -82.5px;
}

[fx-s-ml~="-16.5"] {
  margin-left: -82.5px;
}

[fx-s-mr~="-16.5"] {
  margin-right: -82.5px;
}

[fx-s-mt~="-16.5"] {
  margin-top: -82.5px;
}

[fx-s-mb~="-16.5"] {
  margin-bottom: -82.5px;
}

[fx-s-pxy~="-16.5"] {
  padding: -82.5px;
}

[fx-s-px~="-16.5"] {
  padding-left: -82.5px;
  padding-right: -82.5px;
}

[fx-s-py~="-16.5"] {
  padding-top: -82.5px;
  padding-bottom: -82.5px;
}

[fx-s-pl~="-16.5"] {
  padding-left: -82.5px;
}

[fx-s-pr~="-16.5"] {
  padding-right: -82.5px;
}

[fx-s-pt~="-16.5"] {
  padding-top: -82.5px;
}

[fx-s-pb~="-16.5"] {
  padding-bottom: -82.5px;
}

[fx-s-gutter~="-16.5"] {
  margin-left: 41.25px;
  margin-right: 41.25px;
}

[fx-s-gutter~="-16.5"]>[fx-s-col],
[fx-s-gutter~="-16.5"]>[fx-s-flex] {
  padding-left: -41.25px;
  padding-right: -41.25px;
}

[fx-s-width~="-16.5"] {
  width: -825px !important;
}

[fx-s-max-width~="-16.5"] {
  max-width: -825px !important;
}

[fx-s-height~="-16.5"] {
  height: -825px !important;
}

[fx-s-max-height~="-16.5"] {
  max-height: -825px !important;
}

[fx-s-mxy~="-16"] {
  margin: -80px;
}

[fx-s-mx~="-16"] {
  margin-left: -80px;
  margin-right: -80px;
}

[fx-s-my~="-16"] {
  margin-top: -80px;
  margin-bottom: -80px;
}

[fx-s-ml~="-16"] {
  margin-left: -80px;
}

[fx-s-mr~="-16"] {
  margin-right: -80px;
}

[fx-s-mt~="-16"] {
  margin-top: -80px;
}

[fx-s-mb~="-16"] {
  margin-bottom: -80px;
}

[fx-s-pxy~="-16"] {
  padding: -80px;
}

[fx-s-px~="-16"] {
  padding-left: -80px;
  padding-right: -80px;
}

[fx-s-py~="-16"] {
  padding-top: -80px;
  padding-bottom: -80px;
}

[fx-s-pl~="-16"] {
  padding-left: -80px;
}

[fx-s-pr~="-16"] {
  padding-right: -80px;
}

[fx-s-pt~="-16"] {
  padding-top: -80px;
}

[fx-s-pb~="-16"] {
  padding-bottom: -80px;
}

[fx-s-gutter~="-16"] {
  margin-left: 40px;
  margin-right: 40px;
}

[fx-s-gutter~="-16"]>[fx-s-col],
[fx-s-gutter~="-16"]>[fx-s-flex] {
  padding-left: -40px;
  padding-right: -40px;
}

[fx-s-width~="-16"] {
  width: -800px !important;
}

[fx-s-max-width~="-16"] {
  max-width: -800px !important;
}

[fx-s-height~="-16"] {
  height: -800px !important;
}

[fx-s-max-height~="-16"] {
  max-height: -800px !important;
}

[fx-s-mxy~="-15.5"] {
  margin: -77.5px;
}

[fx-s-mx~="-15.5"] {
  margin-left: -77.5px;
  margin-right: -77.5px;
}

[fx-s-my~="-15.5"] {
  margin-top: -77.5px;
  margin-bottom: -77.5px;
}

[fx-s-ml~="-15.5"] {
  margin-left: -77.5px;
}

[fx-s-mr~="-15.5"] {
  margin-right: -77.5px;
}

[fx-s-mt~="-15.5"] {
  margin-top: -77.5px;
}

[fx-s-mb~="-15.5"] {
  margin-bottom: -77.5px;
}

[fx-s-pxy~="-15.5"] {
  padding: -77.5px;
}

[fx-s-px~="-15.5"] {
  padding-left: -77.5px;
  padding-right: -77.5px;
}

[fx-s-py~="-15.5"] {
  padding-top: -77.5px;
  padding-bottom: -77.5px;
}

[fx-s-pl~="-15.5"] {
  padding-left: -77.5px;
}

[fx-s-pr~="-15.5"] {
  padding-right: -77.5px;
}

[fx-s-pt~="-15.5"] {
  padding-top: -77.5px;
}

[fx-s-pb~="-15.5"] {
  padding-bottom: -77.5px;
}

[fx-s-gutter~="-15.5"] {
  margin-left: 38.75px;
  margin-right: 38.75px;
}

[fx-s-gutter~="-15.5"]>[fx-s-col],
[fx-s-gutter~="-15.5"]>[fx-s-flex] {
  padding-left: -38.75px;
  padding-right: -38.75px;
}

[fx-s-width~="-15.5"] {
  width: -775px !important;
}

[fx-s-max-width~="-15.5"] {
  max-width: -775px !important;
}

[fx-s-height~="-15.5"] {
  height: -775px !important;
}

[fx-s-max-height~="-15.5"] {
  max-height: -775px !important;
}

[fx-s-mxy~="-15"] {
  margin: -75px;
}

[fx-s-mx~="-15"] {
  margin-left: -75px;
  margin-right: -75px;
}

[fx-s-my~="-15"] {
  margin-top: -75px;
  margin-bottom: -75px;
}

[fx-s-ml~="-15"] {
  margin-left: -75px;
}

[fx-s-mr~="-15"] {
  margin-right: -75px;
}

[fx-s-mt~="-15"] {
  margin-top: -75px;
}

[fx-s-mb~="-15"] {
  margin-bottom: -75px;
}

[fx-s-pxy~="-15"] {
  padding: -75px;
}

[fx-s-px~="-15"] {
  padding-left: -75px;
  padding-right: -75px;
}

[fx-s-py~="-15"] {
  padding-top: -75px;
  padding-bottom: -75px;
}

[fx-s-pl~="-15"] {
  padding-left: -75px;
}

[fx-s-pr~="-15"] {
  padding-right: -75px;
}

[fx-s-pt~="-15"] {
  padding-top: -75px;
}

[fx-s-pb~="-15"] {
  padding-bottom: -75px;
}

[fx-s-gutter~="-15"] {
  margin-left: 37.5px;
  margin-right: 37.5px;
}

[fx-s-gutter~="-15"]>[fx-s-col],
[fx-s-gutter~="-15"]>[fx-s-flex] {
  padding-left: -37.5px;
  padding-right: -37.5px;
}

[fx-s-width~="-15"] {
  width: -750px !important;
}

[fx-s-max-width~="-15"] {
  max-width: -750px !important;
}

[fx-s-height~="-15"] {
  height: -750px !important;
}

[fx-s-max-height~="-15"] {
  max-height: -750px !important;
}

[fx-s-mxy~="-14.5"] {
  margin: -72.5px;
}

[fx-s-mx~="-14.5"] {
  margin-left: -72.5px;
  margin-right: -72.5px;
}

[fx-s-my~="-14.5"] {
  margin-top: -72.5px;
  margin-bottom: -72.5px;
}

[fx-s-ml~="-14.5"] {
  margin-left: -72.5px;
}

[fx-s-mr~="-14.5"] {
  margin-right: -72.5px;
}

[fx-s-mt~="-14.5"] {
  margin-top: -72.5px;
}

[fx-s-mb~="-14.5"] {
  margin-bottom: -72.5px;
}

[fx-s-pxy~="-14.5"] {
  padding: -72.5px;
}

[fx-s-px~="-14.5"] {
  padding-left: -72.5px;
  padding-right: -72.5px;
}

[fx-s-py~="-14.5"] {
  padding-top: -72.5px;
  padding-bottom: -72.5px;
}

[fx-s-pl~="-14.5"] {
  padding-left: -72.5px;
}

[fx-s-pr~="-14.5"] {
  padding-right: -72.5px;
}

[fx-s-pt~="-14.5"] {
  padding-top: -72.5px;
}

[fx-s-pb~="-14.5"] {
  padding-bottom: -72.5px;
}

[fx-s-gutter~="-14.5"] {
  margin-left: 36.25px;
  margin-right: 36.25px;
}

[fx-s-gutter~="-14.5"]>[fx-s-col],
[fx-s-gutter~="-14.5"]>[fx-s-flex] {
  padding-left: -36.25px;
  padding-right: -36.25px;
}

[fx-s-width~="-14.5"] {
  width: -725px !important;
}

[fx-s-max-width~="-14.5"] {
  max-width: -725px !important;
}

[fx-s-height~="-14.5"] {
  height: -725px !important;
}

[fx-s-max-height~="-14.5"] {
  max-height: -725px !important;
}

[fx-s-mxy~="-14"] {
  margin: -70px;
}

[fx-s-mx~="-14"] {
  margin-left: -70px;
  margin-right: -70px;
}

[fx-s-my~="-14"] {
  margin-top: -70px;
  margin-bottom: -70px;
}

[fx-s-ml~="-14"] {
  margin-left: -70px;
}

[fx-s-mr~="-14"] {
  margin-right: -70px;
}

[fx-s-mt~="-14"] {
  margin-top: -70px;
}

[fx-s-mb~="-14"] {
  margin-bottom: -70px;
}

[fx-s-pxy~="-14"] {
  padding: -70px;
}

[fx-s-px~="-14"] {
  padding-left: -70px;
  padding-right: -70px;
}

[fx-s-py~="-14"] {
  padding-top: -70px;
  padding-bottom: -70px;
}

[fx-s-pl~="-14"] {
  padding-left: -70px;
}

[fx-s-pr~="-14"] {
  padding-right: -70px;
}

[fx-s-pt~="-14"] {
  padding-top: -70px;
}

[fx-s-pb~="-14"] {
  padding-bottom: -70px;
}

[fx-s-gutter~="-14"] {
  margin-left: 35px;
  margin-right: 35px;
}

[fx-s-gutter~="-14"]>[fx-s-col],
[fx-s-gutter~="-14"]>[fx-s-flex] {
  padding-left: -35px;
  padding-right: -35px;
}

[fx-s-width~="-14"] {
  width: -700px !important;
}

[fx-s-max-width~="-14"] {
  max-width: -700px !important;
}

[fx-s-height~="-14"] {
  height: -700px !important;
}

[fx-s-max-height~="-14"] {
  max-height: -700px !important;
}

[fx-s-mxy~="-13.5"] {
  margin: -67.5px;
}

[fx-s-mx~="-13.5"] {
  margin-left: -67.5px;
  margin-right: -67.5px;
}

[fx-s-my~="-13.5"] {
  margin-top: -67.5px;
  margin-bottom: -67.5px;
}

[fx-s-ml~="-13.5"] {
  margin-left: -67.5px;
}

[fx-s-mr~="-13.5"] {
  margin-right: -67.5px;
}

[fx-s-mt~="-13.5"] {
  margin-top: -67.5px;
}

[fx-s-mb~="-13.5"] {
  margin-bottom: -67.5px;
}

[fx-s-pxy~="-13.5"] {
  padding: -67.5px;
}

[fx-s-px~="-13.5"] {
  padding-left: -67.5px;
  padding-right: -67.5px;
}

[fx-s-py~="-13.5"] {
  padding-top: -67.5px;
  padding-bottom: -67.5px;
}

[fx-s-pl~="-13.5"] {
  padding-left: -67.5px;
}

[fx-s-pr~="-13.5"] {
  padding-right: -67.5px;
}

[fx-s-pt~="-13.5"] {
  padding-top: -67.5px;
}

[fx-s-pb~="-13.5"] {
  padding-bottom: -67.5px;
}

[fx-s-gutter~="-13.5"] {
  margin-left: 33.75px;
  margin-right: 33.75px;
}

[fx-s-gutter~="-13.5"]>[fx-s-col],
[fx-s-gutter~="-13.5"]>[fx-s-flex] {
  padding-left: -33.75px;
  padding-right: -33.75px;
}

[fx-s-width~="-13.5"] {
  width: -675px !important;
}

[fx-s-max-width~="-13.5"] {
  max-width: -675px !important;
}

[fx-s-height~="-13.5"] {
  height: -675px !important;
}

[fx-s-max-height~="-13.5"] {
  max-height: -675px !important;
}

[fx-s-mxy~="-13"] {
  margin: -65px;
}

[fx-s-mx~="-13"] {
  margin-left: -65px;
  margin-right: -65px;
}

[fx-s-my~="-13"] {
  margin-top: -65px;
  margin-bottom: -65px;
}

[fx-s-ml~="-13"] {
  margin-left: -65px;
}

[fx-s-mr~="-13"] {
  margin-right: -65px;
}

[fx-s-mt~="-13"] {
  margin-top: -65px;
}

[fx-s-mb~="-13"] {
  margin-bottom: -65px;
}

[fx-s-pxy~="-13"] {
  padding: -65px;
}

[fx-s-px~="-13"] {
  padding-left: -65px;
  padding-right: -65px;
}

[fx-s-py~="-13"] {
  padding-top: -65px;
  padding-bottom: -65px;
}

[fx-s-pl~="-13"] {
  padding-left: -65px;
}

[fx-s-pr~="-13"] {
  padding-right: -65px;
}

[fx-s-pt~="-13"] {
  padding-top: -65px;
}

[fx-s-pb~="-13"] {
  padding-bottom: -65px;
}

[fx-s-gutter~="-13"] {
  margin-left: 32.5px;
  margin-right: 32.5px;
}

[fx-s-gutter~="-13"]>[fx-s-col],
[fx-s-gutter~="-13"]>[fx-s-flex] {
  padding-left: -32.5px;
  padding-right: -32.5px;
}

[fx-s-width~="-13"] {
  width: -650px !important;
}

[fx-s-max-width~="-13"] {
  max-width: -650px !important;
}

[fx-s-height~="-13"] {
  height: -650px !important;
}

[fx-s-max-height~="-13"] {
  max-height: -650px !important;
}

[fx-s-mxy~="-12.5"] {
  margin: -62.5px;
}

[fx-s-mx~="-12.5"] {
  margin-left: -62.5px;
  margin-right: -62.5px;
}

[fx-s-my~="-12.5"] {
  margin-top: -62.5px;
  margin-bottom: -62.5px;
}

[fx-s-ml~="-12.5"] {
  margin-left: -62.5px;
}

[fx-s-mr~="-12.5"] {
  margin-right: -62.5px;
}

[fx-s-mt~="-12.5"] {
  margin-top: -62.5px;
}

[fx-s-mb~="-12.5"] {
  margin-bottom: -62.5px;
}

[fx-s-pxy~="-12.5"] {
  padding: -62.5px;
}

[fx-s-px~="-12.5"] {
  padding-left: -62.5px;
  padding-right: -62.5px;
}

[fx-s-py~="-12.5"] {
  padding-top: -62.5px;
  padding-bottom: -62.5px;
}

[fx-s-pl~="-12.5"] {
  padding-left: -62.5px;
}

[fx-s-pr~="-12.5"] {
  padding-right: -62.5px;
}

[fx-s-pt~="-12.5"] {
  padding-top: -62.5px;
}

[fx-s-pb~="-12.5"] {
  padding-bottom: -62.5px;
}

[fx-s-gutter~="-12.5"] {
  margin-left: 31.25px;
  margin-right: 31.25px;
}

[fx-s-gutter~="-12.5"]>[fx-s-col],
[fx-s-gutter~="-12.5"]>[fx-s-flex] {
  padding-left: -31.25px;
  padding-right: -31.25px;
}

[fx-s-width~="-12.5"] {
  width: -625px !important;
}

[fx-s-max-width~="-12.5"] {
  max-width: -625px !important;
}

[fx-s-height~="-12.5"] {
  height: -625px !important;
}

[fx-s-max-height~="-12.5"] {
  max-height: -625px !important;
}

[fx-s-mxy~="-12"] {
  margin: -60px;
}

[fx-s-mx~="-12"] {
  margin-left: -60px;
  margin-right: -60px;
}

[fx-s-my~="-12"] {
  margin-top: -60px;
  margin-bottom: -60px;
}

[fx-s-ml~="-12"] {
  margin-left: -60px;
}

[fx-s-mr~="-12"] {
  margin-right: -60px;
}

[fx-s-mt~="-12"] {
  margin-top: -60px;
}

[fx-s-mb~="-12"] {
  margin-bottom: -60px;
}

[fx-s-pxy~="-12"] {
  padding: -60px;
}

[fx-s-px~="-12"] {
  padding-left: -60px;
  padding-right: -60px;
}

[fx-s-py~="-12"] {
  padding-top: -60px;
  padding-bottom: -60px;
}

[fx-s-pl~="-12"] {
  padding-left: -60px;
}

[fx-s-pr~="-12"] {
  padding-right: -60px;
}

[fx-s-pt~="-12"] {
  padding-top: -60px;
}

[fx-s-pb~="-12"] {
  padding-bottom: -60px;
}

[fx-s-gutter~="-12"] {
  margin-left: 30px;
  margin-right: 30px;
}

[fx-s-gutter~="-12"]>[fx-s-col],
[fx-s-gutter~="-12"]>[fx-s-flex] {
  padding-left: -30px;
  padding-right: -30px;
}

[fx-s-width~="-12"] {
  width: -600px !important;
}

[fx-s-max-width~="-12"] {
  max-width: -600px !important;
}

[fx-s-height~="-12"] {
  height: -600px !important;
}

[fx-s-max-height~="-12"] {
  max-height: -600px !important;
}

[fx-s-mxy~="-11.5"] {
  margin: -57.5px;
}

[fx-s-mx~="-11.5"] {
  margin-left: -57.5px;
  margin-right: -57.5px;
}

[fx-s-my~="-11.5"] {
  margin-top: -57.5px;
  margin-bottom: -57.5px;
}

[fx-s-ml~="-11.5"] {
  margin-left: -57.5px;
}

[fx-s-mr~="-11.5"] {
  margin-right: -57.5px;
}

[fx-s-mt~="-11.5"] {
  margin-top: -57.5px;
}

[fx-s-mb~="-11.5"] {
  margin-bottom: -57.5px;
}

[fx-s-pxy~="-11.5"] {
  padding: -57.5px;
}

[fx-s-px~="-11.5"] {
  padding-left: -57.5px;
  padding-right: -57.5px;
}

[fx-s-py~="-11.5"] {
  padding-top: -57.5px;
  padding-bottom: -57.5px;
}

[fx-s-pl~="-11.5"] {
  padding-left: -57.5px;
}

[fx-s-pr~="-11.5"] {
  padding-right: -57.5px;
}

[fx-s-pt~="-11.5"] {
  padding-top: -57.5px;
}

[fx-s-pb~="-11.5"] {
  padding-bottom: -57.5px;
}

[fx-s-gutter~="-11.5"] {
  margin-left: 28.75px;
  margin-right: 28.75px;
}

[fx-s-gutter~="-11.5"]>[fx-s-col],
[fx-s-gutter~="-11.5"]>[fx-s-flex] {
  padding-left: -28.75px;
  padding-right: -28.75px;
}

[fx-s-width~="-11.5"] {
  width: -575px !important;
}

[fx-s-max-width~="-11.5"] {
  max-width: -575px !important;
}

[fx-s-height~="-11.5"] {
  height: -575px !important;
}

[fx-s-max-height~="-11.5"] {
  max-height: -575px !important;
}

[fx-s-mxy~="-11"] {
  margin: -55px;
}

[fx-s-mx~="-11"] {
  margin-left: -55px;
  margin-right: -55px;
}

[fx-s-my~="-11"] {
  margin-top: -55px;
  margin-bottom: -55px;
}

[fx-s-ml~="-11"] {
  margin-left: -55px;
}

[fx-s-mr~="-11"] {
  margin-right: -55px;
}

[fx-s-mt~="-11"] {
  margin-top: -55px;
}

[fx-s-mb~="-11"] {
  margin-bottom: -55px;
}

[fx-s-pxy~="-11"] {
  padding: -55px;
}

[fx-s-px~="-11"] {
  padding-left: -55px;
  padding-right: -55px;
}

[fx-s-py~="-11"] {
  padding-top: -55px;
  padding-bottom: -55px;
}

[fx-s-pl~="-11"] {
  padding-left: -55px;
}

[fx-s-pr~="-11"] {
  padding-right: -55px;
}

[fx-s-pt~="-11"] {
  padding-top: -55px;
}

[fx-s-pb~="-11"] {
  padding-bottom: -55px;
}

[fx-s-gutter~="-11"] {
  margin-left: 27.5px;
  margin-right: 27.5px;
}

[fx-s-gutter~="-11"]>[fx-s-col],
[fx-s-gutter~="-11"]>[fx-s-flex] {
  padding-left: -27.5px;
  padding-right: -27.5px;
}

[fx-s-width~="-11"] {
  width: -550px !important;
}

[fx-s-max-width~="-11"] {
  max-width: -550px !important;
}

[fx-s-height~="-11"] {
  height: -550px !important;
}

[fx-s-max-height~="-11"] {
  max-height: -550px !important;
}

[fx-s-mxy~="-10.5"] {
  margin: -52.5px;
}

[fx-s-mx~="-10.5"] {
  margin-left: -52.5px;
  margin-right: -52.5px;
}

[fx-s-my~="-10.5"] {
  margin-top: -52.5px;
  margin-bottom: -52.5px;
}

[fx-s-ml~="-10.5"] {
  margin-left: -52.5px;
}

[fx-s-mr~="-10.5"] {
  margin-right: -52.5px;
}

[fx-s-mt~="-10.5"] {
  margin-top: -52.5px;
}

[fx-s-mb~="-10.5"] {
  margin-bottom: -52.5px;
}

[fx-s-pxy~="-10.5"] {
  padding: -52.5px;
}

[fx-s-px~="-10.5"] {
  padding-left: -52.5px;
  padding-right: -52.5px;
}

[fx-s-py~="-10.5"] {
  padding-top: -52.5px;
  padding-bottom: -52.5px;
}

[fx-s-pl~="-10.5"] {
  padding-left: -52.5px;
}

[fx-s-pr~="-10.5"] {
  padding-right: -52.5px;
}

[fx-s-pt~="-10.5"] {
  padding-top: -52.5px;
}

[fx-s-pb~="-10.5"] {
  padding-bottom: -52.5px;
}

[fx-s-gutter~="-10.5"] {
  margin-left: 26.25px;
  margin-right: 26.25px;
}

[fx-s-gutter~="-10.5"]>[fx-s-col],
[fx-s-gutter~="-10.5"]>[fx-s-flex] {
  padding-left: -26.25px;
  padding-right: -26.25px;
}

[fx-s-width~="-10.5"] {
  width: -525px !important;
}

[fx-s-max-width~="-10.5"] {
  max-width: -525px !important;
}

[fx-s-height~="-10.5"] {
  height: -525px !important;
}

[fx-s-max-height~="-10.5"] {
  max-height: -525px !important;
}

[fx-s-mxy~="-10"] {
  margin: -50px;
}

[fx-s-mx~="-10"] {
  margin-left: -50px;
  margin-right: -50px;
}

[fx-s-my~="-10"] {
  margin-top: -50px;
  margin-bottom: -50px;
}

[fx-s-ml~="-10"] {
  margin-left: -50px;
}

[fx-s-mr~="-10"] {
  margin-right: -50px;
}

[fx-s-mt~="-10"] {
  margin-top: -50px;
}

[fx-s-mb~="-10"] {
  margin-bottom: -50px;
}

[fx-s-pxy~="-10"] {
  padding: -50px;
}

[fx-s-px~="-10"] {
  padding-left: -50px;
  padding-right: -50px;
}

[fx-s-py~="-10"] {
  padding-top: -50px;
  padding-bottom: -50px;
}

[fx-s-pl~="-10"] {
  padding-left: -50px;
}

[fx-s-pr~="-10"] {
  padding-right: -50px;
}

[fx-s-pt~="-10"] {
  padding-top: -50px;
}

[fx-s-pb~="-10"] {
  padding-bottom: -50px;
}

[fx-s-gutter~="-10"] {
  margin-left: 25px;
  margin-right: 25px;
}

[fx-s-gutter~="-10"]>[fx-s-col],
[fx-s-gutter~="-10"]>[fx-s-flex] {
  padding-left: -25px;
  padding-right: -25px;
}

[fx-s-width~="-10"] {
  width: -500px !important;
}

[fx-s-max-width~="-10"] {
  max-width: -500px !important;
}

[fx-s-height~="-10"] {
  height: -500px !important;
}

[fx-s-max-height~="-10"] {
  max-height: -500px !important;
}

[fx-s-mxy~="-9.5"] {
  margin: -47.5px;
}

[fx-s-mx~="-9.5"] {
  margin-left: -47.5px;
  margin-right: -47.5px;
}

[fx-s-my~="-9.5"] {
  margin-top: -47.5px;
  margin-bottom: -47.5px;
}

[fx-s-ml~="-9.5"] {
  margin-left: -47.5px;
}

[fx-s-mr~="-9.5"] {
  margin-right: -47.5px;
}

[fx-s-mt~="-9.5"] {
  margin-top: -47.5px;
}

[fx-s-mb~="-9.5"] {
  margin-bottom: -47.5px;
}

[fx-s-pxy~="-9.5"] {
  padding: -47.5px;
}

[fx-s-px~="-9.5"] {
  padding-left: -47.5px;
  padding-right: -47.5px;
}

[fx-s-py~="-9.5"] {
  padding-top: -47.5px;
  padding-bottom: -47.5px;
}

[fx-s-pl~="-9.5"] {
  padding-left: -47.5px;
}

[fx-s-pr~="-9.5"] {
  padding-right: -47.5px;
}

[fx-s-pt~="-9.5"] {
  padding-top: -47.5px;
}

[fx-s-pb~="-9.5"] {
  padding-bottom: -47.5px;
}

[fx-s-gutter~="-9.5"] {
  margin-left: 23.75px;
  margin-right: 23.75px;
}

[fx-s-gutter~="-9.5"]>[fx-s-col],
[fx-s-gutter~="-9.5"]>[fx-s-flex] {
  padding-left: -23.75px;
  padding-right: -23.75px;
}

[fx-s-width~="-9.5"] {
  width: -475px !important;
}

[fx-s-max-width~="-9.5"] {
  max-width: -475px !important;
}

[fx-s-height~="-9.5"] {
  height: -475px !important;
}

[fx-s-max-height~="-9.5"] {
  max-height: -475px !important;
}

[fx-s-mxy~="-9"] {
  margin: -45px;
}

[fx-s-mx~="-9"] {
  margin-left: -45px;
  margin-right: -45px;
}

[fx-s-my~="-9"] {
  margin-top: -45px;
  margin-bottom: -45px;
}

[fx-s-ml~="-9"] {
  margin-left: -45px;
}

[fx-s-mr~="-9"] {
  margin-right: -45px;
}

[fx-s-mt~="-9"] {
  margin-top: -45px;
}

[fx-s-mb~="-9"] {
  margin-bottom: -45px;
}

[fx-s-pxy~="-9"] {
  padding: -45px;
}

[fx-s-px~="-9"] {
  padding-left: -45px;
  padding-right: -45px;
}

[fx-s-py~="-9"] {
  padding-top: -45px;
  padding-bottom: -45px;
}

[fx-s-pl~="-9"] {
  padding-left: -45px;
}

[fx-s-pr~="-9"] {
  padding-right: -45px;
}

[fx-s-pt~="-9"] {
  padding-top: -45px;
}

[fx-s-pb~="-9"] {
  padding-bottom: -45px;
}

[fx-s-gutter~="-9"] {
  margin-left: 22.5px;
  margin-right: 22.5px;
}

[fx-s-gutter~="-9"]>[fx-s-col],
[fx-s-gutter~="-9"]>[fx-s-flex] {
  padding-left: -22.5px;
  padding-right: -22.5px;
}

[fx-s-width~="-9"] {
  width: -450px !important;
}

[fx-s-max-width~="-9"] {
  max-width: -450px !important;
}

[fx-s-height~="-9"] {
  height: -450px !important;
}

[fx-s-max-height~="-9"] {
  max-height: -450px !important;
}

[fx-s-mxy~="-8.5"] {
  margin: -42.5px;
}

[fx-s-mx~="-8.5"] {
  margin-left: -42.5px;
  margin-right: -42.5px;
}

[fx-s-my~="-8.5"] {
  margin-top: -42.5px;
  margin-bottom: -42.5px;
}

[fx-s-ml~="-8.5"] {
  margin-left: -42.5px;
}

[fx-s-mr~="-8.5"] {
  margin-right: -42.5px;
}

[fx-s-mt~="-8.5"] {
  margin-top: -42.5px;
}

[fx-s-mb~="-8.5"] {
  margin-bottom: -42.5px;
}

[fx-s-pxy~="-8.5"] {
  padding: -42.5px;
}

[fx-s-px~="-8.5"] {
  padding-left: -42.5px;
  padding-right: -42.5px;
}

[fx-s-py~="-8.5"] {
  padding-top: -42.5px;
  padding-bottom: -42.5px;
}

[fx-s-pl~="-8.5"] {
  padding-left: -42.5px;
}

[fx-s-pr~="-8.5"] {
  padding-right: -42.5px;
}

[fx-s-pt~="-8.5"] {
  padding-top: -42.5px;
}

[fx-s-pb~="-8.5"] {
  padding-bottom: -42.5px;
}

[fx-s-gutter~="-8.5"] {
  margin-left: 21.25px;
  margin-right: 21.25px;
}

[fx-s-gutter~="-8.5"]>[fx-s-col],
[fx-s-gutter~="-8.5"]>[fx-s-flex] {
  padding-left: -21.25px;
  padding-right: -21.25px;
}

[fx-s-width~="-8.5"] {
  width: -425px !important;
}

[fx-s-max-width~="-8.5"] {
  max-width: -425px !important;
}

[fx-s-height~="-8.5"] {
  height: -425px !important;
}

[fx-s-max-height~="-8.5"] {
  max-height: -425px !important;
}

[fx-s-mxy~="-8"] {
  margin: -40px;
}

[fx-s-mx~="-8"] {
  margin-left: -40px;
  margin-right: -40px;
}

[fx-s-my~="-8"] {
  margin-top: -40px;
  margin-bottom: -40px;
}

[fx-s-ml~="-8"] {
  margin-left: -40px;
}

[fx-s-mr~="-8"] {
  margin-right: -40px;
}

[fx-s-mt~="-8"] {
  margin-top: -40px;
}

[fx-s-mb~="-8"] {
  margin-bottom: -40px;
}

[fx-s-pxy~="-8"] {
  padding: -40px;
}

[fx-s-px~="-8"] {
  padding-left: -40px;
  padding-right: -40px;
}

[fx-s-py~="-8"] {
  padding-top: -40px;
  padding-bottom: -40px;
}

[fx-s-pl~="-8"] {
  padding-left: -40px;
}

[fx-s-pr~="-8"] {
  padding-right: -40px;
}

[fx-s-pt~="-8"] {
  padding-top: -40px;
}

[fx-s-pb~="-8"] {
  padding-bottom: -40px;
}

[fx-s-gutter~="-8"] {
  margin-left: 20px;
  margin-right: 20px;
}

[fx-s-gutter~="-8"]>[fx-s-col],
[fx-s-gutter~="-8"]>[fx-s-flex] {
  padding-left: -20px;
  padding-right: -20px;
}

[fx-s-width~="-8"] {
  width: -400px !important;
}

[fx-s-max-width~="-8"] {
  max-width: -400px !important;
}

[fx-s-height~="-8"] {
  height: -400px !important;
}

[fx-s-max-height~="-8"] {
  max-height: -400px !important;
}

[fx-s-mxy~="-7.5"] {
  margin: -37.5px;
}

[fx-s-mx~="-7.5"] {
  margin-left: -37.5px;
  margin-right: -37.5px;
}

[fx-s-my~="-7.5"] {
  margin-top: -37.5px;
  margin-bottom: -37.5px;
}

[fx-s-ml~="-7.5"] {
  margin-left: -37.5px;
}

[fx-s-mr~="-7.5"] {
  margin-right: -37.5px;
}

[fx-s-mt~="-7.5"] {
  margin-top: -37.5px;
}

[fx-s-mb~="-7.5"] {
  margin-bottom: -37.5px;
}

[fx-s-pxy~="-7.5"] {
  padding: -37.5px;
}

[fx-s-px~="-7.5"] {
  padding-left: -37.5px;
  padding-right: -37.5px;
}

[fx-s-py~="-7.5"] {
  padding-top: -37.5px;
  padding-bottom: -37.5px;
}

[fx-s-pl~="-7.5"] {
  padding-left: -37.5px;
}

[fx-s-pr~="-7.5"] {
  padding-right: -37.5px;
}

[fx-s-pt~="-7.5"] {
  padding-top: -37.5px;
}

[fx-s-pb~="-7.5"] {
  padding-bottom: -37.5px;
}

[fx-s-gutter~="-7.5"] {
  margin-left: 18.75px;
  margin-right: 18.75px;
}

[fx-s-gutter~="-7.5"]>[fx-s-col],
[fx-s-gutter~="-7.5"]>[fx-s-flex] {
  padding-left: -18.75px;
  padding-right: -18.75px;
}

[fx-s-width~="-7.5"] {
  width: -375px !important;
}

[fx-s-max-width~="-7.5"] {
  max-width: -375px !important;
}

[fx-s-height~="-7.5"] {
  height: -375px !important;
}

[fx-s-max-height~="-7.5"] {
  max-height: -375px !important;
}

[fx-s-mxy~="-7"] {
  margin: -35px;
}

[fx-s-mx~="-7"] {
  margin-left: -35px;
  margin-right: -35px;
}

[fx-s-my~="-7"] {
  margin-top: -35px;
  margin-bottom: -35px;
}

[fx-s-ml~="-7"] {
  margin-left: -35px;
}

[fx-s-mr~="-7"] {
  margin-right: -35px;
}

[fx-s-mt~="-7"] {
  margin-top: -35px;
}

[fx-s-mb~="-7"] {
  margin-bottom: -35px;
}

[fx-s-pxy~="-7"] {
  padding: -35px;
}

[fx-s-px~="-7"] {
  padding-left: -35px;
  padding-right: -35px;
}

[fx-s-py~="-7"] {
  padding-top: -35px;
  padding-bottom: -35px;
}

[fx-s-pl~="-7"] {
  padding-left: -35px;
}

[fx-s-pr~="-7"] {
  padding-right: -35px;
}

[fx-s-pt~="-7"] {
  padding-top: -35px;
}

[fx-s-pb~="-7"] {
  padding-bottom: -35px;
}

[fx-s-gutter~="-7"] {
  margin-left: 17.5px;
  margin-right: 17.5px;
}

[fx-s-gutter~="-7"]>[fx-s-col],
[fx-s-gutter~="-7"]>[fx-s-flex] {
  padding-left: -17.5px;
  padding-right: -17.5px;
}

[fx-s-width~="-7"] {
  width: -350px !important;
}

[fx-s-max-width~="-7"] {
  max-width: -350px !important;
}

[fx-s-height~="-7"] {
  height: -350px !important;
}

[fx-s-max-height~="-7"] {
  max-height: -350px !important;
}

[fx-s-mxy~="-6.5"] {
  margin: -32.5px;
}

[fx-s-mx~="-6.5"] {
  margin-left: -32.5px;
  margin-right: -32.5px;
}

[fx-s-my~="-6.5"] {
  margin-top: -32.5px;
  margin-bottom: -32.5px;
}

[fx-s-ml~="-6.5"] {
  margin-left: -32.5px;
}

[fx-s-mr~="-6.5"] {
  margin-right: -32.5px;
}

[fx-s-mt~="-6.5"] {
  margin-top: -32.5px;
}

[fx-s-mb~="-6.5"] {
  margin-bottom: -32.5px;
}

[fx-s-pxy~="-6.5"] {
  padding: -32.5px;
}

[fx-s-px~="-6.5"] {
  padding-left: -32.5px;
  padding-right: -32.5px;
}

[fx-s-py~="-6.5"] {
  padding-top: -32.5px;
  padding-bottom: -32.5px;
}

[fx-s-pl~="-6.5"] {
  padding-left: -32.5px;
}

[fx-s-pr~="-6.5"] {
  padding-right: -32.5px;
}

[fx-s-pt~="-6.5"] {
  padding-top: -32.5px;
}

[fx-s-pb~="-6.5"] {
  padding-bottom: -32.5px;
}

[fx-s-gutter~="-6.5"] {
  margin-left: 16.25px;
  margin-right: 16.25px;
}

[fx-s-gutter~="-6.5"]>[fx-s-col],
[fx-s-gutter~="-6.5"]>[fx-s-flex] {
  padding-left: -16.25px;
  padding-right: -16.25px;
}

[fx-s-width~="-6.5"] {
  width: -325px !important;
}

[fx-s-max-width~="-6.5"] {
  max-width: -325px !important;
}

[fx-s-height~="-6.5"] {
  height: -325px !important;
}

[fx-s-max-height~="-6.5"] {
  max-height: -325px !important;
}

[fx-s-mxy~="-6"] {
  margin: -30px;
}

[fx-s-mx~="-6"] {
  margin-left: -30px;
  margin-right: -30px;
}

[fx-s-my~="-6"] {
  margin-top: -30px;
  margin-bottom: -30px;
}

[fx-s-ml~="-6"] {
  margin-left: -30px;
}

[fx-s-mr~="-6"] {
  margin-right: -30px;
}

[fx-s-mt~="-6"] {
  margin-top: -30px;
}

[fx-s-mb~="-6"] {
  margin-bottom: -30px;
}

[fx-s-pxy~="-6"] {
  padding: -30px;
}

[fx-s-px~="-6"] {
  padding-left: -30px;
  padding-right: -30px;
}

[fx-s-py~="-6"] {
  padding-top: -30px;
  padding-bottom: -30px;
}

[fx-s-pl~="-6"] {
  padding-left: -30px;
}

[fx-s-pr~="-6"] {
  padding-right: -30px;
}

[fx-s-pt~="-6"] {
  padding-top: -30px;
}

[fx-s-pb~="-6"] {
  padding-bottom: -30px;
}

[fx-s-gutter~="-6"] {
  margin-left: 15px;
  margin-right: 15px;
}

[fx-s-gutter~="-6"]>[fx-s-col],
[fx-s-gutter~="-6"]>[fx-s-flex] {
  padding-left: -15px;
  padding-right: -15px;
}

[fx-s-width~="-6"] {
  width: -300px !important;
}

[fx-s-max-width~="-6"] {
  max-width: -300px !important;
}

[fx-s-height~="-6"] {
  height: -300px !important;
}

[fx-s-max-height~="-6"] {
  max-height: -300px !important;
}

[fx-s-mxy~="-5.5"] {
  margin: -27.5px;
}

[fx-s-mx~="-5.5"] {
  margin-left: -27.5px;
  margin-right: -27.5px;
}

[fx-s-my~="-5.5"] {
  margin-top: -27.5px;
  margin-bottom: -27.5px;
}

[fx-s-ml~="-5.5"] {
  margin-left: -27.5px;
}

[fx-s-mr~="-5.5"] {
  margin-right: -27.5px;
}

[fx-s-mt~="-5.5"] {
  margin-top: -27.5px;
}

[fx-s-mb~="-5.5"] {
  margin-bottom: -27.5px;
}

[fx-s-pxy~="-5.5"] {
  padding: -27.5px;
}

[fx-s-px~="-5.5"] {
  padding-left: -27.5px;
  padding-right: -27.5px;
}

[fx-s-py~="-5.5"] {
  padding-top: -27.5px;
  padding-bottom: -27.5px;
}

[fx-s-pl~="-5.5"] {
  padding-left: -27.5px;
}

[fx-s-pr~="-5.5"] {
  padding-right: -27.5px;
}

[fx-s-pt~="-5.5"] {
  padding-top: -27.5px;
}

[fx-s-pb~="-5.5"] {
  padding-bottom: -27.5px;
}

[fx-s-gutter~="-5.5"] {
  margin-left: 13.75px;
  margin-right: 13.75px;
}

[fx-s-gutter~="-5.5"]>[fx-s-col],
[fx-s-gutter~="-5.5"]>[fx-s-flex] {
  padding-left: -13.75px;
  padding-right: -13.75px;
}

[fx-s-width~="-5.5"] {
  width: -275px !important;
}

[fx-s-max-width~="-5.5"] {
  max-width: -275px !important;
}

[fx-s-height~="-5.5"] {
  height: -275px !important;
}

[fx-s-max-height~="-5.5"] {
  max-height: -275px !important;
}

[fx-s-mxy~="-5"] {
  margin: -25px;
}

[fx-s-mx~="-5"] {
  margin-left: -25px;
  margin-right: -25px;
}

[fx-s-my~="-5"] {
  margin-top: -25px;
  margin-bottom: -25px;
}

[fx-s-ml~="-5"] {
  margin-left: -25px;
}

[fx-s-mr~="-5"] {
  margin-right: -25px;
}

[fx-s-mt~="-5"] {
  margin-top: -25px;
}

[fx-s-mb~="-5"] {
  margin-bottom: -25px;
}

[fx-s-pxy~="-5"] {
  padding: -25px;
}

[fx-s-px~="-5"] {
  padding-left: -25px;
  padding-right: -25px;
}

[fx-s-py~="-5"] {
  padding-top: -25px;
  padding-bottom: -25px;
}

[fx-s-pl~="-5"] {
  padding-left: -25px;
}

[fx-s-pr~="-5"] {
  padding-right: -25px;
}

[fx-s-pt~="-5"] {
  padding-top: -25px;
}

[fx-s-pb~="-5"] {
  padding-bottom: -25px;
}

[fx-s-gutter~="-5"] {
  margin-left: 12.5px;
  margin-right: 12.5px;
}

[fx-s-gutter~="-5"]>[fx-s-col],
[fx-s-gutter~="-5"]>[fx-s-flex] {
  padding-left: -12.5px;
  padding-right: -12.5px;
}

[fx-s-width~="-5"] {
  width: -250px !important;
}

[fx-s-max-width~="-5"] {
  max-width: -250px !important;
}

[fx-s-height~="-5"] {
  height: -250px !important;
}

[fx-s-max-height~="-5"] {
  max-height: -250px !important;
}

[fx-s-mxy~="-4.5"] {
  margin: -22.5px;
}

[fx-s-mx~="-4.5"] {
  margin-left: -22.5px;
  margin-right: -22.5px;
}

[fx-s-my~="-4.5"] {
  margin-top: -22.5px;
  margin-bottom: -22.5px;
}

[fx-s-ml~="-4.5"] {
  margin-left: -22.5px;
}

[fx-s-mr~="-4.5"] {
  margin-right: -22.5px;
}

[fx-s-mt~="-4.5"] {
  margin-top: -22.5px;
}

[fx-s-mb~="-4.5"] {
  margin-bottom: -22.5px;
}

[fx-s-pxy~="-4.5"] {
  padding: -22.5px;
}

[fx-s-px~="-4.5"] {
  padding-left: -22.5px;
  padding-right: -22.5px;
}

[fx-s-py~="-4.5"] {
  padding-top: -22.5px;
  padding-bottom: -22.5px;
}

[fx-s-pl~="-4.5"] {
  padding-left: -22.5px;
}

[fx-s-pr~="-4.5"] {
  padding-right: -22.5px;
}

[fx-s-pt~="-4.5"] {
  padding-top: -22.5px;
}

[fx-s-pb~="-4.5"] {
  padding-bottom: -22.5px;
}

[fx-s-gutter~="-4.5"] {
  margin-left: 11.25px;
  margin-right: 11.25px;
}

[fx-s-gutter~="-4.5"]>[fx-s-col],
[fx-s-gutter~="-4.5"]>[fx-s-flex] {
  padding-left: -11.25px;
  padding-right: -11.25px;
}

[fx-s-width~="-4.5"] {
  width: -225px !important;
}

[fx-s-max-width~="-4.5"] {
  max-width: -225px !important;
}

[fx-s-height~="-4.5"] {
  height: -225px !important;
}

[fx-s-max-height~="-4.5"] {
  max-height: -225px !important;
}

[fx-s-mxy~="-4"] {
  margin: -20px;
}

[fx-s-mx~="-4"] {
  margin-left: -20px;
  margin-right: -20px;
}

[fx-s-my~="-4"] {
  margin-top: -20px;
  margin-bottom: -20px;
}

[fx-s-ml~="-4"] {
  margin-left: -20px;
}

[fx-s-mr~="-4"] {
  margin-right: -20px;
}

[fx-s-mt~="-4"] {
  margin-top: -20px;
}

[fx-s-mb~="-4"] {
  margin-bottom: -20px;
}

[fx-s-pxy~="-4"] {
  padding: -20px;
}

[fx-s-px~="-4"] {
  padding-left: -20px;
  padding-right: -20px;
}

[fx-s-py~="-4"] {
  padding-top: -20px;
  padding-bottom: -20px;
}

[fx-s-pl~="-4"] {
  padding-left: -20px;
}

[fx-s-pr~="-4"] {
  padding-right: -20px;
}

[fx-s-pt~="-4"] {
  padding-top: -20px;
}

[fx-s-pb~="-4"] {
  padding-bottom: -20px;
}

[fx-s-gutter~="-4"] {
  margin-left: 10px;
  margin-right: 10px;
}

[fx-s-gutter~="-4"]>[fx-s-col],
[fx-s-gutter~="-4"]>[fx-s-flex] {
  padding-left: -10px;
  padding-right: -10px;
}

[fx-s-width~="-4"] {
  width: -200px !important;
}

[fx-s-max-width~="-4"] {
  max-width: -200px !important;
}

[fx-s-height~="-4"] {
  height: -200px !important;
}

[fx-s-max-height~="-4"] {
  max-height: -200px !important;
}

[fx-s-mxy~="-3.5"] {
  margin: -17.5px;
}

[fx-s-mx~="-3.5"] {
  margin-left: -17.5px;
  margin-right: -17.5px;
}

[fx-s-my~="-3.5"] {
  margin-top: -17.5px;
  margin-bottom: -17.5px;
}

[fx-s-ml~="-3.5"] {
  margin-left: -17.5px;
}

[fx-s-mr~="-3.5"] {
  margin-right: -17.5px;
}

[fx-s-mt~="-3.5"] {
  margin-top: -17.5px;
}

[fx-s-mb~="-3.5"] {
  margin-bottom: -17.5px;
}

[fx-s-pxy~="-3.5"] {
  padding: -17.5px;
}

[fx-s-px~="-3.5"] {
  padding-left: -17.5px;
  padding-right: -17.5px;
}

[fx-s-py~="-3.5"] {
  padding-top: -17.5px;
  padding-bottom: -17.5px;
}

[fx-s-pl~="-3.5"] {
  padding-left: -17.5px;
}

[fx-s-pr~="-3.5"] {
  padding-right: -17.5px;
}

[fx-s-pt~="-3.5"] {
  padding-top: -17.5px;
}

[fx-s-pb~="-3.5"] {
  padding-bottom: -17.5px;
}

[fx-s-gutter~="-3.5"] {
  margin-left: 8.75px;
  margin-right: 8.75px;
}

[fx-s-gutter~="-3.5"]>[fx-s-col],
[fx-s-gutter~="-3.5"]>[fx-s-flex] {
  padding-left: -8.75px;
  padding-right: -8.75px;
}

[fx-s-width~="-3.5"] {
  width: -175px !important;
}

[fx-s-max-width~="-3.5"] {
  max-width: -175px !important;
}

[fx-s-height~="-3.5"] {
  height: -175px !important;
}

[fx-s-max-height~="-3.5"] {
  max-height: -175px !important;
}

[fx-s-mxy~="-3"] {
  margin: -15px;
}

[fx-s-mx~="-3"] {
  margin-left: -15px;
  margin-right: -15px;
}

[fx-s-my~="-3"] {
  margin-top: -15px;
  margin-bottom: -15px;
}

[fx-s-ml~="-3"] {
  margin-left: -15px;
}

[fx-s-mr~="-3"] {
  margin-right: -15px;
}

[fx-s-mt~="-3"] {
  margin-top: -15px;
}

[fx-s-mb~="-3"] {
  margin-bottom: -15px;
}

[fx-s-pxy~="-3"] {
  padding: -15px;
}

[fx-s-px~="-3"] {
  padding-left: -15px;
  padding-right: -15px;
}

[fx-s-py~="-3"] {
  padding-top: -15px;
  padding-bottom: -15px;
}

[fx-s-pl~="-3"] {
  padding-left: -15px;
}

[fx-s-pr~="-3"] {
  padding-right: -15px;
}

[fx-s-pt~="-3"] {
  padding-top: -15px;
}

[fx-s-pb~="-3"] {
  padding-bottom: -15px;
}

[fx-s-gutter~="-3"] {
  margin-left: 7.5px;
  margin-right: 7.5px;
}

[fx-s-gutter~="-3"]>[fx-s-col],
[fx-s-gutter~="-3"]>[fx-s-flex] {
  padding-left: -7.5px;
  padding-right: -7.5px;
}

[fx-s-width~="-3"] {
  width: -150px !important;
}

[fx-s-max-width~="-3"] {
  max-width: -150px !important;
}

[fx-s-height~="-3"] {
  height: -150px !important;
}

[fx-s-max-height~="-3"] {
  max-height: -150px !important;
}

[fx-s-mxy~="-2.5"] {
  margin: -12.5px;
}

[fx-s-mx~="-2.5"] {
  margin-left: -12.5px;
  margin-right: -12.5px;
}

[fx-s-my~="-2.5"] {
  margin-top: -12.5px;
  margin-bottom: -12.5px;
}

[fx-s-ml~="-2.5"] {
  margin-left: -12.5px;
}

[fx-s-mr~="-2.5"] {
  margin-right: -12.5px;
}

[fx-s-mt~="-2.5"] {
  margin-top: -12.5px;
}

[fx-s-mb~="-2.5"] {
  margin-bottom: -12.5px;
}

[fx-s-pxy~="-2.5"] {
  padding: -12.5px;
}

[fx-s-px~="-2.5"] {
  padding-left: -12.5px;
  padding-right: -12.5px;
}

[fx-s-py~="-2.5"] {
  padding-top: -12.5px;
  padding-bottom: -12.5px;
}

[fx-s-pl~="-2.5"] {
  padding-left: -12.5px;
}

[fx-s-pr~="-2.5"] {
  padding-right: -12.5px;
}

[fx-s-pt~="-2.5"] {
  padding-top: -12.5px;
}

[fx-s-pb~="-2.5"] {
  padding-bottom: -12.5px;
}

[fx-s-gutter~="-2.5"] {
  margin-left: 6.25px;
  margin-right: 6.25px;
}

[fx-s-gutter~="-2.5"]>[fx-s-col],
[fx-s-gutter~="-2.5"]>[fx-s-flex] {
  padding-left: -6.25px;
  padding-right: -6.25px;
}

[fx-s-width~="-2.5"] {
  width: -125px !important;
}

[fx-s-max-width~="-2.5"] {
  max-width: -125px !important;
}

[fx-s-height~="-2.5"] {
  height: -125px !important;
}

[fx-s-max-height~="-2.5"] {
  max-height: -125px !important;
}

[fx-s-mxy~="-2"] {
  margin: -10px;
}

[fx-s-mx~="-2"] {
  margin-left: -10px;
  margin-right: -10px;
}

[fx-s-my~="-2"] {
  margin-top: -10px;
  margin-bottom: -10px;
}

[fx-s-ml~="-2"] {
  margin-left: -10px;
}

[fx-s-mr~="-2"] {
  margin-right: -10px;
}

[fx-s-mt~="-2"] {
  margin-top: -10px;
}

[fx-s-mb~="-2"] {
  margin-bottom: -10px;
}

[fx-s-pxy~="-2"] {
  padding: -10px;
}

[fx-s-px~="-2"] {
  padding-left: -10px;
  padding-right: -10px;
}

[fx-s-py~="-2"] {
  padding-top: -10px;
  padding-bottom: -10px;
}

[fx-s-pl~="-2"] {
  padding-left: -10px;
}

[fx-s-pr~="-2"] {
  padding-right: -10px;
}

[fx-s-pt~="-2"] {
  padding-top: -10px;
}

[fx-s-pb~="-2"] {
  padding-bottom: -10px;
}

[fx-s-gutter~="-2"] {
  margin-left: 5px;
  margin-right: 5px;
}

[fx-s-gutter~="-2"]>[fx-s-col],
[fx-s-gutter~="-2"]>[fx-s-flex] {
  padding-left: -5px;
  padding-right: -5px;
}

[fx-s-width~="-2"] {
  width: -100px !important;
}

[fx-s-max-width~="-2"] {
  max-width: -100px !important;
}

[fx-s-height~="-2"] {
  height: -100px !important;
}

[fx-s-max-height~="-2"] {
  max-height: -100px !important;
}

[fx-s-mxy~="-1.5"] {
  margin: -7.5px;
}

[fx-s-mx~="-1.5"] {
  margin-left: -7.5px;
  margin-right: -7.5px;
}

[fx-s-my~="-1.5"] {
  margin-top: -7.5px;
  margin-bottom: -7.5px;
}

[fx-s-ml~="-1.5"] {
  margin-left: -7.5px;
}

[fx-s-mr~="-1.5"] {
  margin-right: -7.5px;
}

[fx-s-mt~="-1.5"] {
  margin-top: -7.5px;
}

[fx-s-mb~="-1.5"] {
  margin-bottom: -7.5px;
}

[fx-s-pxy~="-1.5"] {
  padding: -7.5px;
}

[fx-s-px~="-1.5"] {
  padding-left: -7.5px;
  padding-right: -7.5px;
}

[fx-s-py~="-1.5"] {
  padding-top: -7.5px;
  padding-bottom: -7.5px;
}

[fx-s-pl~="-1.5"] {
  padding-left: -7.5px;
}

[fx-s-pr~="-1.5"] {
  padding-right: -7.5px;
}

[fx-s-pt~="-1.5"] {
  padding-top: -7.5px;
}

[fx-s-pb~="-1.5"] {
  padding-bottom: -7.5px;
}

[fx-s-gutter~="-1.5"] {
  margin-left: 3.75px;
  margin-right: 3.75px;
}

[fx-s-gutter~="-1.5"]>[fx-s-col],
[fx-s-gutter~="-1.5"]>[fx-s-flex] {
  padding-left: -3.75px;
  padding-right: -3.75px;
}

[fx-s-width~="-1.5"] {
  width: -75px !important;
}

[fx-s-max-width~="-1.5"] {
  max-width: -75px !important;
}

[fx-s-height~="-1.5"] {
  height: -75px !important;
}

[fx-s-max-height~="-1.5"] {
  max-height: -75px !important;
}

[fx-s-mxy~="-1"] {
  margin: -5px;
}

[fx-s-mx~="-1"] {
  margin-left: -5px;
  margin-right: -5px;
}

[fx-s-my~="-1"] {
  margin-top: -5px;
  margin-bottom: -5px;
}

[fx-s-ml~="-1"] {
  margin-left: -5px;
}

[fx-s-mr~="-1"] {
  margin-right: -5px;
}

[fx-s-mt~="-1"] {
  margin-top: -5px;
}

[fx-s-mb~="-1"] {
  margin-bottom: -5px;
}

[fx-s-pxy~="-1"] {
  padding: -5px;
}

[fx-s-px~="-1"] {
  padding-left: -5px;
  padding-right: -5px;
}

[fx-s-py~="-1"] {
  padding-top: -5px;
  padding-bottom: -5px;
}

[fx-s-pl~="-1"] {
  padding-left: -5px;
}

[fx-s-pr~="-1"] {
  padding-right: -5px;
}

[fx-s-pt~="-1"] {
  padding-top: -5px;
}

[fx-s-pb~="-1"] {
  padding-bottom: -5px;
}

[fx-s-gutter~="-1"] {
  margin-left: 2.5px;
  margin-right: 2.5px;
}

[fx-s-gutter~="-1"]>[fx-s-col],
[fx-s-gutter~="-1"]>[fx-s-flex] {
  padding-left: -2.5px;
  padding-right: -2.5px;
}

[fx-s-width~="-1"] {
  width: -50px !important;
}

[fx-s-max-width~="-1"] {
  max-width: -50px !important;
}

[fx-s-height~="-1"] {
  height: -50px !important;
}

[fx-s-max-height~="-1"] {
  max-height: -50px !important;
}

[fx-s-mxy~="-0.5"] {
  margin: -2.5px;
}

[fx-s-mx~="-0.5"] {
  margin-left: -2.5px;
  margin-right: -2.5px;
}

[fx-s-my~="-0.5"] {
  margin-top: -2.5px;
  margin-bottom: -2.5px;
}

[fx-s-ml~="-0.5"] {
  margin-left: -2.5px;
}

[fx-s-mr~="-0.5"] {
  margin-right: -2.5px;
}

[fx-s-mt~="-0.5"] {
  margin-top: -2.5px;
}

[fx-s-mb~="-0.5"] {
  margin-bottom: -2.5px;
}

[fx-s-pxy~="-0.5"] {
  padding: -2.5px;
}

[fx-s-px~="-0.5"] {
  padding-left: -2.5px;
  padding-right: -2.5px;
}

[fx-s-py~="-0.5"] {
  padding-top: -2.5px;
  padding-bottom: -2.5px;
}

[fx-s-pl~="-0.5"] {
  padding-left: -2.5px;
}

[fx-s-pr~="-0.5"] {
  padding-right: -2.5px;
}

[fx-s-pt~="-0.5"] {
  padding-top: -2.5px;
}

[fx-s-pb~="-0.5"] {
  padding-bottom: -2.5px;
}

[fx-s-gutter~="-0.5"] {
  margin-left: 1.25px;
  margin-right: 1.25px;
}

[fx-s-gutter~="-0.5"]>[fx-s-col],
[fx-s-gutter~="-0.5"]>[fx-s-flex] {
  padding-left: -1.25px;
  padding-right: -1.25px;
}

[fx-s-width~="-0.5"] {
  width: -25px !important;
}

[fx-s-max-width~="-0.5"] {
  max-width: -25px !important;
}

[fx-s-height~="-0.5"] {
  height: -25px !important;
}

[fx-s-max-height~="-0.5"] {
  max-height: -25px !important;
}

[fx-s-mxy~="0"] {
  margin: 0px;
}

[fx-s-mx~="0"] {
  margin-left: 0px;
  margin-right: 0px;
}

[fx-s-my~="0"] {
  margin-top: 0px;
  margin-bottom: 0px;
}

[fx-s-ml~="0"] {
  margin-left: 0px;
}

[fx-s-mr~="0"] {
  margin-right: 0px;
}

[fx-s-mt~="0"] {
  margin-top: 0px;
}

[fx-s-mb~="0"] {
  margin-bottom: 0px;
}

[fx-s-pxy~="0"] {
  padding: 0px;
}

[fx-s-px~="0"] {
  padding-left: 0px;
  padding-right: 0px;
}

[fx-s-py~="0"] {
  padding-top: 0px;
  padding-bottom: 0px;
}

[fx-s-pl~="0"] {
  padding-left: 0px;
}

[fx-s-pr~="0"] {
  padding-right: 0px;
}

[fx-s-pt~="0"] {
  padding-top: 0px;
}

[fx-s-pb~="0"] {
  padding-bottom: 0px;
}

[fx-s-gutter~="0"] {
  margin-left: 0px;
  margin-right: 0px;
}

[fx-s-gutter~="0"]>[fx-s-col],
[fx-s-gutter~="0"]>[fx-s-flex] {
  padding-left: 0px;
  padding-right: 0px;
}

[fx-s-width~="0"] {
  width: 0px !important;
}

[fx-s-max-width~="0"] {
  max-width: 0px !important;
}

[fx-s-height~="0"] {
  height: 0px !important;
}

[fx-s-max-height~="0"] {
  max-height: 0px !important;
}

[fx-s-mxy~="0.5"] {
  margin: 2.5px;
}

[fx-s-mx~="0.5"] {
  margin-left: 2.5px;
  margin-right: 2.5px;
}

[fx-s-my~="0.5"] {
  margin-top: 2.5px;
  margin-bottom: 2.5px;
}

[fx-s-ml~="0.5"] {
  margin-left: 2.5px;
}

[fx-s-mr~="0.5"] {
  margin-right: 2.5px;
}

[fx-s-mt~="0.5"] {
  margin-top: 2.5px;
}

[fx-s-mb~="0.5"] {
  margin-bottom: 2.5px;
}

[fx-s-pxy~="0.5"] {
  padding: 2.5px;
}

[fx-s-px~="0.5"] {
  padding-left: 2.5px;
  padding-right: 2.5px;
}

[fx-s-py~="0.5"] {
  padding-top: 2.5px;
  padding-bottom: 2.5px;
}

[fx-s-pl~="0.5"] {
  padding-left: 2.5px;
}

[fx-s-pr~="0.5"] {
  padding-right: 2.5px;
}

[fx-s-pt~="0.5"] {
  padding-top: 2.5px;
}

[fx-s-pb~="0.5"] {
  padding-bottom: 2.5px;
}

[fx-s-gutter~="0.5"] {
  margin-left: -1.25px;
  margin-right: -1.25px;
}

[fx-s-gutter~="0.5"]>[fx-s-col],
[fx-s-gutter~="0.5"]>[fx-s-flex] {
  padding-left: 1.25px;
  padding-right: 1.25px;
}

[fx-s-width~="0.5"] {
  width: 25px !important;
}

[fx-s-max-width~="0.5"] {
  max-width: 25px !important;
}

[fx-s-height~="0.5"] {
  height: 25px !important;
}

[fx-s-max-height~="0.5"] {
  max-height: 25px !important;
}

[fx-s-mxy~="1"] {
  margin: 5px;
}

[fx-s-mx~="1"] {
  margin-left: 5px;
  margin-right: 5px;
}

[fx-s-my~="1"] {
  margin-top: 5px;
  margin-bottom: 5px;
}

[fx-s-ml~="1"] {
  margin-left: 5px;
}

[fx-s-mr~="1"] {
  margin-right: 5px;
}

[fx-s-mt~="1"] {
  margin-top: 5px;
}

[fx-s-mb~="1"] {
  margin-bottom: 5px;
}

[fx-s-pxy~="1"] {
  padding: 5px;
}

[fx-s-px~="1"] {
  padding-left: 5px;
  padding-right: 5px;
}

[fx-s-py~="1"] {
  padding-top: 5px;
  padding-bottom: 5px;
}

[fx-s-pl~="1"] {
  padding-left: 5px;
}

[fx-s-pr~="1"] {
  padding-right: 5px;
}

[fx-s-pt~="1"] {
  padding-top: 5px;
}

[fx-s-pb~="1"] {
  padding-bottom: 5px;
}

[fx-s-gutter~="1"] {
  margin-left: -2.5px;
  margin-right: -2.5px;
}

[fx-s-gutter~="1"]>[fx-s-col],
[fx-s-gutter~="1"]>[fx-s-flex] {
  padding-left: 2.5px;
  padding-right: 2.5px;
}

[fx-s-width~="1"] {
  width: 50px !important;
}

[fx-s-max-width~="1"] {
  max-width: 50px !important;
}

[fx-s-height~="1"] {
  height: 50px !important;
}

[fx-s-max-height~="1"] {
  max-height: 50px !important;
}

[fx-s-mxy~="1.5"] {
  margin: 7.5px;
}

[fx-s-mx~="1.5"] {
  margin-left: 7.5px;
  margin-right: 7.5px;
}

[fx-s-my~="1.5"] {
  margin-top: 7.5px;
  margin-bottom: 7.5px;
}

[fx-s-ml~="1.5"] {
  margin-left: 7.5px;
}

[fx-s-mr~="1.5"] {
  margin-right: 7.5px;
}

[fx-s-mt~="1.5"] {
  margin-top: 7.5px;
}

[fx-s-mb~="1.5"] {
  margin-bottom: 7.5px;
}

[fx-s-pxy~="1.5"] {
  padding: 7.5px;
}

[fx-s-px~="1.5"] {
  padding-left: 7.5px;
  padding-right: 7.5px;
}

[fx-s-py~="1.5"] {
  padding-top: 7.5px;
  padding-bottom: 7.5px;
}

[fx-s-pl~="1.5"] {
  padding-left: 7.5px;
}

[fx-s-pr~="1.5"] {
  padding-right: 7.5px;
}

[fx-s-pt~="1.5"] {
  padding-top: 7.5px;
}

[fx-s-pb~="1.5"] {
  padding-bottom: 7.5px;
}

[fx-s-gutter~="1.5"] {
  margin-left: -3.75px;
  margin-right: -3.75px;
}

[fx-s-gutter~="1.5"]>[fx-s-col],
[fx-s-gutter~="1.5"]>[fx-s-flex] {
  padding-left: 3.75px;
  padding-right: 3.75px;
}

[fx-s-width~="1.5"] {
  width: 75px !important;
}

[fx-s-max-width~="1.5"] {
  max-width: 75px !important;
}

[fx-s-height~="1.5"] {
  height: 75px !important;
}

[fx-s-max-height~="1.5"] {
  max-height: 75px !important;
}

[fx-s-mxy~="2"] {
  margin: 10px;
}

[fx-s-mx~="2"] {
  margin-left: 10px;
  margin-right: 10px;
}

[fx-s-my~="2"] {
  margin-top: 10px;
  margin-bottom: 10px;
}

[fx-s-ml~="2"] {
  margin-left: 10px;
}

[fx-s-mr~="2"] {
  margin-right: 10px;
}

[fx-s-mt~="2"] {
  margin-top: 10px;
}

[fx-s-mb~="2"] {
  margin-bottom: 10px;
}

[fx-s-pxy~="2"] {
  padding: 10px;
}

[fx-s-px~="2"] {
  padding-left: 10px;
  padding-right: 10px;
}

[fx-s-py~="2"] {
  padding-top: 10px;
  padding-bottom: 10px;
}

[fx-s-pl~="2"] {
  padding-left: 10px;
}

[fx-s-pr~="2"] {
  padding-right: 10px;
}

[fx-s-pt~="2"] {
  padding-top: 10px;
}

[fx-s-pb~="2"] {
  padding-bottom: 10px;
}

[fx-s-gutter~="2"] {
  margin-left: -5px;
  margin-right: -5px;
}

[fx-s-gutter~="2"]>[fx-s-col],
[fx-s-gutter~="2"]>[fx-s-flex] {
  padding-left: 5px;
  padding-right: 5px;
}

[fx-s-width~="2"] {
  width: 100px !important;
}

[fx-s-max-width~="2"] {
  max-width: 100px !important;
}

[fx-s-height~="2"] {
  height: 100px !important;
}

[fx-s-max-height~="2"] {
  max-height: 100px !important;
}

[fx-s-mxy~="2.5"] {
  margin: 12.5px;
}

[fx-s-mx~="2.5"] {
  margin-left: 12.5px;
  margin-right: 12.5px;
}

[fx-s-my~="2.5"] {
  margin-top: 12.5px;
  margin-bottom: 12.5px;
}

[fx-s-ml~="2.5"] {
  margin-left: 12.5px;
}

[fx-s-mr~="2.5"] {
  margin-right: 12.5px;
}

[fx-s-mt~="2.5"] {
  margin-top: 12.5px;
}

[fx-s-mb~="2.5"] {
  margin-bottom: 12.5px;
}

[fx-s-pxy~="2.5"] {
  padding: 12.5px;
}

[fx-s-px~="2.5"] {
  padding-left: 12.5px;
  padding-right: 12.5px;
}

[fx-s-py~="2.5"] {
  padding-top: 12.5px;
  padding-bottom: 12.5px;
}

[fx-s-pl~="2.5"] {
  padding-left: 12.5px;
}

[fx-s-pr~="2.5"] {
  padding-right: 12.5px;
}

[fx-s-pt~="2.5"] {
  padding-top: 12.5px;
}

[fx-s-pb~="2.5"] {
  padding-bottom: 12.5px;
}

[fx-s-gutter~="2.5"] {
  margin-left: -6.25px;
  margin-right: -6.25px;
}

[fx-s-gutter~="2.5"]>[fx-s-col],
[fx-s-gutter~="2.5"]>[fx-s-flex] {
  padding-left: 6.25px;
  padding-right: 6.25px;
}

[fx-s-width~="2.5"] {
  width: 125px !important;
}

[fx-s-max-width~="2.5"] {
  max-width: 125px !important;
}

[fx-s-height~="2.5"] {
  height: 125px !important;
}

[fx-s-max-height~="2.5"] {
  max-height: 125px !important;
}

[fx-s-mxy~="3"] {
  margin: 15px;
}

[fx-s-mx~="3"] {
  margin-left: 15px;
  margin-right: 15px;
}

[fx-s-my~="3"] {
  margin-top: 15px;
  margin-bottom: 15px;
}

[fx-s-ml~="3"] {
  margin-left: 15px;
}

[fx-s-mr~="3"] {
  margin-right: 15px;
}

[fx-s-mt~="3"] {
  margin-top: 15px;
}

[fx-s-mb~="3"] {
  margin-bottom: 15px;
}

[fx-s-pxy~="3"] {
  padding: 15px;
}

[fx-s-px~="3"] {
  padding-left: 15px;
  padding-right: 15px;
}

[fx-s-py~="3"] {
  padding-top: 15px;
  padding-bottom: 15px;
}

[fx-s-pl~="3"] {
  padding-left: 15px;
}

[fx-s-pr~="3"] {
  padding-right: 15px;
}

[fx-s-pt~="3"] {
  padding-top: 15px;
}

[fx-s-pb~="3"] {
  padding-bottom: 15px;
}

[fx-s-gutter~="3"] {
  margin-left: -7.5px;
  margin-right: -7.5px;
}

[fx-s-gutter~="3"]>[fx-s-col],
[fx-s-gutter~="3"]>[fx-s-flex] {
  padding-left: 7.5px;
  padding-right: 7.5px;
}

[fx-s-width~="3"] {
  width: 150px !important;
}

[fx-s-max-width~="3"] {
  max-width: 150px !important;
}

[fx-s-height~="3"] {
  height: 150px !important;
}

[fx-s-max-height~="3"] {
  max-height: 150px !important;
}

[fx-s-mxy~="3.5"] {
  margin: 17.5px;
}

[fx-s-mx~="3.5"] {
  margin-left: 17.5px;
  margin-right: 17.5px;
}

[fx-s-my~="3.5"] {
  margin-top: 17.5px;
  margin-bottom: 17.5px;
}

[fx-s-ml~="3.5"] {
  margin-left: 17.5px;
}

[fx-s-mr~="3.5"] {
  margin-right: 17.5px;
}

[fx-s-mt~="3.5"] {
  margin-top: 17.5px;
}

[fx-s-mb~="3.5"] {
  margin-bottom: 17.5px;
}

[fx-s-pxy~="3.5"] {
  padding: 17.5px;
}

[fx-s-px~="3.5"] {
  padding-left: 17.5px;
  padding-right: 17.5px;
}

[fx-s-py~="3.5"] {
  padding-top: 17.5px;
  padding-bottom: 17.5px;
}

[fx-s-pl~="3.5"] {
  padding-left: 17.5px;
}

[fx-s-pr~="3.5"] {
  padding-right: 17.5px;
}

[fx-s-pt~="3.5"] {
  padding-top: 17.5px;
}

[fx-s-pb~="3.5"] {
  padding-bottom: 17.5px;
}

[fx-s-gutter~="3.5"] {
  margin-left: -8.75px;
  margin-right: -8.75px;
}

[fx-s-gutter~="3.5"]>[fx-s-col],
[fx-s-gutter~="3.5"]>[fx-s-flex] {
  padding-left: 8.75px;
  padding-right: 8.75px;
}

[fx-s-width~="3.5"] {
  width: 175px !important;
}

[fx-s-max-width~="3.5"] {
  max-width: 175px !important;
}

[fx-s-height~="3.5"] {
  height: 175px !important;
}

[fx-s-max-height~="3.5"] {
  max-height: 175px !important;
}

[fx-s-mxy~="4"] {
  margin: 20px;
}

[fx-s-mx~="4"] {
  margin-left: 20px;
  margin-right: 20px;
}

[fx-s-my~="4"] {
  margin-top: 20px;
  margin-bottom: 20px;
}

[fx-s-ml~="4"] {
  margin-left: 20px;
}

[fx-s-mr~="4"] {
  margin-right: 20px;
}

[fx-s-mt~="4"] {
  margin-top: 20px;
}

[fx-s-mb~="4"] {
  margin-bottom: 20px;
}

[fx-s-pxy~="4"] {
  padding: 20px;
}

[fx-s-px~="4"] {
  padding-left: 20px;
  padding-right: 20px;
}

[fx-s-py~="4"] {
  padding-top: 20px;
  padding-bottom: 20px;
}

[fx-s-pl~="4"] {
  padding-left: 20px;
}

[fx-s-pr~="4"] {
  padding-right: 20px;
}

[fx-s-pt~="4"] {
  padding-top: 20px;
}

[fx-s-pb~="4"] {
  padding-bottom: 20px;
}

[fx-s-gutter~="4"] {
  margin-left: -10px;
  margin-right: -10px;
}

[fx-s-gutter~="4"]>[fx-s-col],
[fx-s-gutter~="4"]>[fx-s-flex] {
  padding-left: 10px;
  padding-right: 10px;
}

[fx-s-width~="4"] {
  width: 200px !important;
}

[fx-s-max-width~="4"] {
  max-width: 200px !important;
}

[fx-s-height~="4"] {
  height: 200px !important;
}

[fx-s-max-height~="4"] {
  max-height: 200px !important;
}

[fx-s-mxy~="4.5"] {
  margin: 22.5px;
}

[fx-s-mx~="4.5"] {
  margin-left: 22.5px;
  margin-right: 22.5px;
}

[fx-s-my~="4.5"] {
  margin-top: 22.5px;
  margin-bottom: 22.5px;
}

[fx-s-ml~="4.5"] {
  margin-left: 22.5px;
}

[fx-s-mr~="4.5"] {
  margin-right: 22.5px;
}

[fx-s-mt~="4.5"] {
  margin-top: 22.5px;
}

[fx-s-mb~="4.5"] {
  margin-bottom: 22.5px;
}

[fx-s-pxy~="4.5"] {
  padding: 22.5px;
}

[fx-s-px~="4.5"] {
  padding-left: 22.5px;
  padding-right: 22.5px;
}

[fx-s-py~="4.5"] {
  padding-top: 22.5px;
  padding-bottom: 22.5px;
}

[fx-s-pl~="4.5"] {
  padding-left: 22.5px;
}

[fx-s-pr~="4.5"] {
  padding-right: 22.5px;
}

[fx-s-pt~="4.5"] {
  padding-top: 22.5px;
}

[fx-s-pb~="4.5"] {
  padding-bottom: 22.5px;
}

[fx-s-gutter~="4.5"] {
  margin-left: -11.25px;
  margin-right: -11.25px;
}

[fx-s-gutter~="4.5"]>[fx-s-col],
[fx-s-gutter~="4.5"]>[fx-s-flex] {
  padding-left: 11.25px;
  padding-right: 11.25px;
}

[fx-s-width~="4.5"] {
  width: 225px !important;
}

[fx-s-max-width~="4.5"] {
  max-width: 225px !important;
}

[fx-s-height~="4.5"] {
  height: 225px !important;
}

[fx-s-max-height~="4.5"] {
  max-height: 225px !important;
}

[fx-s-mxy~="5"] {
  margin: 25px;
}

[fx-s-mx~="5"] {
  margin-left: 25px;
  margin-right: 25px;
}

[fx-s-my~="5"] {
  margin-top: 25px;
  margin-bottom: 25px;
}

[fx-s-ml~="5"] {
  margin-left: 25px;
}

[fx-s-mr~="5"] {
  margin-right: 25px;
}

[fx-s-mt~="5"] {
  margin-top: 25px;
}

[fx-s-mb~="5"] {
  margin-bottom: 25px;
}

[fx-s-pxy~="5"] {
  padding: 25px;
}

[fx-s-px~="5"] {
  padding-left: 25px;
  padding-right: 25px;
}

[fx-s-py~="5"] {
  padding-top: 25px;
  padding-bottom: 25px;
}

[fx-s-pl~="5"] {
  padding-left: 25px;
}

[fx-s-pr~="5"] {
  padding-right: 25px;
}

[fx-s-pt~="5"] {
  padding-top: 25px;
}

[fx-s-pb~="5"] {
  padding-bottom: 25px;
}

[fx-s-gutter~="5"] {
  margin-left: -12.5px;
  margin-right: -12.5px;
}

[fx-s-gutter~="5"]>[fx-s-col],
[fx-s-gutter~="5"]>[fx-s-flex] {
  padding-left: 12.5px;
  padding-right: 12.5px;
}

[fx-s-width~="5"] {
  width: 250px !important;
}

[fx-s-max-width~="5"] {
  max-width: 250px !important;
}

[fx-s-height~="5"] {
  height: 250px !important;
}

[fx-s-max-height~="5"] {
  max-height: 250px !important;
}

[fx-s-mxy~="5.5"] {
  margin: 27.5px;
}

[fx-s-mx~="5.5"] {
  margin-left: 27.5px;
  margin-right: 27.5px;
}

[fx-s-my~="5.5"] {
  margin-top: 27.5px;
  margin-bottom: 27.5px;
}

[fx-s-ml~="5.5"] {
  margin-left: 27.5px;
}

[fx-s-mr~="5.5"] {
  margin-right: 27.5px;
}

[fx-s-mt~="5.5"] {
  margin-top: 27.5px;
}

[fx-s-mb~="5.5"] {
  margin-bottom: 27.5px;
}

[fx-s-pxy~="5.5"] {
  padding: 27.5px;
}

[fx-s-px~="5.5"] {
  padding-left: 27.5px;
  padding-right: 27.5px;
}

[fx-s-py~="5.5"] {
  padding-top: 27.5px;
  padding-bottom: 27.5px;
}

[fx-s-pl~="5.5"] {
  padding-left: 27.5px;
}

[fx-s-pr~="5.5"] {
  padding-right: 27.5px;
}

[fx-s-pt~="5.5"] {
  padding-top: 27.5px;
}

[fx-s-pb~="5.5"] {
  padding-bottom: 27.5px;
}

[fx-s-gutter~="5.5"] {
  margin-left: -13.75px;
  margin-right: -13.75px;
}

[fx-s-gutter~="5.5"]>[fx-s-col],
[fx-s-gutter~="5.5"]>[fx-s-flex] {
  padding-left: 13.75px;
  padding-right: 13.75px;
}

[fx-s-width~="5.5"] {
  width: 275px !important;
}

[fx-s-max-width~="5.5"] {
  max-width: 275px !important;
}

[fx-s-height~="5.5"] {
  height: 275px !important;
}

[fx-s-max-height~="5.5"] {
  max-height: 275px !important;
}

[fx-s-mxy~="6"] {
  margin: 30px;
}

[fx-s-mx~="6"] {
  margin-left: 30px;
  margin-right: 30px;
}

[fx-s-my~="6"] {
  margin-top: 30px;
  margin-bottom: 30px;
}

[fx-s-ml~="6"] {
  margin-left: 30px;
}

[fx-s-mr~="6"] {
  margin-right: 30px;
}

[fx-s-mt~="6"] {
  margin-top: 30px;
}

[fx-s-mb~="6"] {
  margin-bottom: 30px;
}

[fx-s-pxy~="6"] {
  padding: 30px;
}

[fx-s-px~="6"] {
  padding-left: 30px;
  padding-right: 30px;
}

[fx-s-py~="6"] {
  padding-top: 30px;
  padding-bottom: 30px;
}

[fx-s-pl~="6"] {
  padding-left: 30px;
}

[fx-s-pr~="6"] {
  padding-right: 30px;
}

[fx-s-pt~="6"] {
  padding-top: 30px;
}

[fx-s-pb~="6"] {
  padding-bottom: 30px;
}

[fx-s-gutter~="6"] {
  margin-left: -15px;
  margin-right: -15px;
}

[fx-s-gutter~="6"]>[fx-s-col],
[fx-s-gutter~="6"]>[fx-s-flex] {
  padding-left: 15px;
  padding-right: 15px;
}

[fx-s-width~="6"] {
  width: 300px !important;
}

[fx-s-max-width~="6"] {
  max-width: 300px !important;
}

[fx-s-height~="6"] {
  height: 300px !important;
}

[fx-s-max-height~="6"] {
  max-height: 300px !important;
}

[fx-s-mxy~="6.5"] {
  margin: 32.5px;
}

[fx-s-mx~="6.5"] {
  margin-left: 32.5px;
  margin-right: 32.5px;
}

[fx-s-my~="6.5"] {
  margin-top: 32.5px;
  margin-bottom: 32.5px;
}

[fx-s-ml~="6.5"] {
  margin-left: 32.5px;
}

[fx-s-mr~="6.5"] {
  margin-right: 32.5px;
}

[fx-s-mt~="6.5"] {
  margin-top: 32.5px;
}

[fx-s-mb~="6.5"] {
  margin-bottom: 32.5px;
}

[fx-s-pxy~="6.5"] {
  padding: 32.5px;
}

[fx-s-px~="6.5"] {
  padding-left: 32.5px;
  padding-right: 32.5px;
}

[fx-s-py~="6.5"] {
  padding-top: 32.5px;
  padding-bottom: 32.5px;
}

[fx-s-pl~="6.5"] {
  padding-left: 32.5px;
}

[fx-s-pr~="6.5"] {
  padding-right: 32.5px;
}

[fx-s-pt~="6.5"] {
  padding-top: 32.5px;
}

[fx-s-pb~="6.5"] {
  padding-bottom: 32.5px;
}

[fx-s-gutter~="6.5"] {
  margin-left: -16.25px;
  margin-right: -16.25px;
}

[fx-s-gutter~="6.5"]>[fx-s-col],
[fx-s-gutter~="6.5"]>[fx-s-flex] {
  padding-left: 16.25px;
  padding-right: 16.25px;
}

[fx-s-width~="6.5"] {
  width: 325px !important;
}

[fx-s-max-width~="6.5"] {
  max-width: 325px !important;
}

[fx-s-height~="6.5"] {
  height: 325px !important;
}

[fx-s-max-height~="6.5"] {
  max-height: 325px !important;
}

[fx-s-mxy~="7"] {
  margin: 35px;
}

[fx-s-mx~="7"] {
  margin-left: 35px;
  margin-right: 35px;
}

[fx-s-my~="7"] {
  margin-top: 35px;
  margin-bottom: 35px;
}

[fx-s-ml~="7"] {
  margin-left: 35px;
}

[fx-s-mr~="7"] {
  margin-right: 35px;
}

[fx-s-mt~="7"] {
  margin-top: 35px;
}

[fx-s-mb~="7"] {
  margin-bottom: 35px;
}

[fx-s-pxy~="7"] {
  padding: 35px;
}

[fx-s-px~="7"] {
  padding-left: 35px;
  padding-right: 35px;
}

[fx-s-py~="7"] {
  padding-top: 35px;
  padding-bottom: 35px;
}

[fx-s-pl~="7"] {
  padding-left: 35px;
}

[fx-s-pr~="7"] {
  padding-right: 35px;
}

[fx-s-pt~="7"] {
  padding-top: 35px;
}

[fx-s-pb~="7"] {
  padding-bottom: 35px;
}

[fx-s-gutter~="7"] {
  margin-left: -17.5px;
  margin-right: -17.5px;
}

[fx-s-gutter~="7"]>[fx-s-col],
[fx-s-gutter~="7"]>[fx-s-flex] {
  padding-left: 17.5px;
  padding-right: 17.5px;
}

[fx-s-width~="7"] {
  width: 350px !important;
}

[fx-s-max-width~="7"] {
  max-width: 350px !important;
}

[fx-s-height~="7"] {
  height: 350px !important;
}

[fx-s-max-height~="7"] {
  max-height: 350px !important;
}

[fx-s-mxy~="7.5"] {
  margin: 37.5px;
}

[fx-s-mx~="7.5"] {
  margin-left: 37.5px;
  margin-right: 37.5px;
}

[fx-s-my~="7.5"] {
  margin-top: 37.5px;
  margin-bottom: 37.5px;
}

[fx-s-ml~="7.5"] {
  margin-left: 37.5px;
}

[fx-s-mr~="7.5"] {
  margin-right: 37.5px;
}

[fx-s-mt~="7.5"] {
  margin-top: 37.5px;
}

[fx-s-mb~="7.5"] {
  margin-bottom: 37.5px;
}

[fx-s-pxy~="7.5"] {
  padding: 37.5px;
}

[fx-s-px~="7.5"] {
  padding-left: 37.5px;
  padding-right: 37.5px;
}

[fx-s-py~="7.5"] {
  padding-top: 37.5px;
  padding-bottom: 37.5px;
}

[fx-s-pl~="7.5"] {
  padding-left: 37.5px;
}

[fx-s-pr~="7.5"] {
  padding-right: 37.5px;
}

[fx-s-pt~="7.5"] {
  padding-top: 37.5px;
}

[fx-s-pb~="7.5"] {
  padding-bottom: 37.5px;
}

[fx-s-gutter~="7.5"] {
  margin-left: -18.75px;
  margin-right: -18.75px;
}

[fx-s-gutter~="7.5"]>[fx-s-col],
[fx-s-gutter~="7.5"]>[fx-s-flex] {
  padding-left: 18.75px;
  padding-right: 18.75px;
}

[fx-s-width~="7.5"] {
  width: 375px !important;
}

[fx-s-max-width~="7.5"] {
  max-width: 375px !important;
}

[fx-s-height~="7.5"] {
  height: 375px !important;
}

[fx-s-max-height~="7.5"] {
  max-height: 375px !important;
}

[fx-s-mxy~="8"] {
  margin: 40px;
}

[fx-s-mx~="8"] {
  margin-left: 40px;
  margin-right: 40px;
}

[fx-s-my~="8"] {
  margin-top: 40px;
  margin-bottom: 40px;
}

[fx-s-ml~="8"] {
  margin-left: 40px;
}

[fx-s-mr~="8"] {
  margin-right: 40px;
}

[fx-s-mt~="8"] {
  margin-top: 40px;
}

[fx-s-mb~="8"] {
  margin-bottom: 40px;
}

[fx-s-pxy~="8"] {
  padding: 40px;
}

[fx-s-px~="8"] {
  padding-left: 40px;
  padding-right: 40px;
}

[fx-s-py~="8"] {
  padding-top: 40px;
  padding-bottom: 40px;
}

[fx-s-pl~="8"] {
  padding-left: 40px;
}

[fx-s-pr~="8"] {
  padding-right: 40px;
}

[fx-s-pt~="8"] {
  padding-top: 40px;
}

[fx-s-pb~="8"] {
  padding-bottom: 40px;
}

[fx-s-gutter~="8"] {
  margin-left: -20px;
  margin-right: -20px;
}

[fx-s-gutter~="8"]>[fx-s-col],
[fx-s-gutter~="8"]>[fx-s-flex] {
  padding-left: 20px;
  padding-right: 20px;
}

[fx-s-width~="8"] {
  width: 400px !important;
}

[fx-s-max-width~="8"] {
  max-width: 400px !important;
}

[fx-s-height~="8"] {
  height: 400px !important;
}

[fx-s-max-height~="8"] {
  max-height: 400px !important;
}

[fx-s-mxy~="8.5"] {
  margin: 42.5px;
}

[fx-s-mx~="8.5"] {
  margin-left: 42.5px;
  margin-right: 42.5px;
}

[fx-s-my~="8.5"] {
  margin-top: 42.5px;
  margin-bottom: 42.5px;
}

[fx-s-ml~="8.5"] {
  margin-left: 42.5px;
}

[fx-s-mr~="8.5"] {
  margin-right: 42.5px;
}

[fx-s-mt~="8.5"] {
  margin-top: 42.5px;
}

[fx-s-mb~="8.5"] {
  margin-bottom: 42.5px;
}

[fx-s-pxy~="8.5"] {
  padding: 42.5px;
}

[fx-s-px~="8.5"] {
  padding-left: 42.5px;
  padding-right: 42.5px;
}

[fx-s-py~="8.5"] {
  padding-top: 42.5px;
  padding-bottom: 42.5px;
}

[fx-s-pl~="8.5"] {
  padding-left: 42.5px;
}

[fx-s-pr~="8.5"] {
  padding-right: 42.5px;
}

[fx-s-pt~="8.5"] {
  padding-top: 42.5px;
}

[fx-s-pb~="8.5"] {
  padding-bottom: 42.5px;
}

[fx-s-gutter~="8.5"] {
  margin-left: -21.25px;
  margin-right: -21.25px;
}

[fx-s-gutter~="8.5"]>[fx-s-col],
[fx-s-gutter~="8.5"]>[fx-s-flex] {
  padding-left: 21.25px;
  padding-right: 21.25px;
}

[fx-s-width~="8.5"] {
  width: 425px !important;
}

[fx-s-max-width~="8.5"] {
  max-width: 425px !important;
}

[fx-s-height~="8.5"] {
  height: 425px !important;
}

[fx-s-max-height~="8.5"] {
  max-height: 425px !important;
}

[fx-s-mxy~="9"] {
  margin: 45px;
}

[fx-s-mx~="9"] {
  margin-left: 45px;
  margin-right: 45px;
}

[fx-s-my~="9"] {
  margin-top: 45px;
  margin-bottom: 45px;
}

[fx-s-ml~="9"] {
  margin-left: 45px;
}

[fx-s-mr~="9"] {
  margin-right: 45px;
}

[fx-s-mt~="9"] {
  margin-top: 45px;
}

[fx-s-mb~="9"] {
  margin-bottom: 45px;
}

[fx-s-pxy~="9"] {
  padding: 45px;
}

[fx-s-px~="9"] {
  padding-left: 45px;
  padding-right: 45px;
}

[fx-s-py~="9"] {
  padding-top: 45px;
  padding-bottom: 45px;
}

[fx-s-pl~="9"] {
  padding-left: 45px;
}

[fx-s-pr~="9"] {
  padding-right: 45px;
}

[fx-s-pt~="9"] {
  padding-top: 45px;
}

[fx-s-pb~="9"] {
  padding-bottom: 45px;
}

[fx-s-gutter~="9"] {
  margin-left: -22.5px;
  margin-right: -22.5px;
}

[fx-s-gutter~="9"]>[fx-s-col],
[fx-s-gutter~="9"]>[fx-s-flex] {
  padding-left: 22.5px;
  padding-right: 22.5px;
}

[fx-s-width~="9"] {
  width: 450px !important;
}

[fx-s-max-width~="9"] {
  max-width: 450px !important;
}

[fx-s-height~="9"] {
  height: 450px !important;
}

[fx-s-max-height~="9"] {
  max-height: 450px !important;
}

[fx-s-mxy~="9.5"] {
  margin: 47.5px;
}

[fx-s-mx~="9.5"] {
  margin-left: 47.5px;
  margin-right: 47.5px;
}

[fx-s-my~="9.5"] {
  margin-top: 47.5px;
  margin-bottom: 47.5px;
}

[fx-s-ml~="9.5"] {
  margin-left: 47.5px;
}

[fx-s-mr~="9.5"] {
  margin-right: 47.5px;
}

[fx-s-mt~="9.5"] {
  margin-top: 47.5px;
}

[fx-s-mb~="9.5"] {
  margin-bottom: 47.5px;
}

[fx-s-pxy~="9.5"] {
  padding: 47.5px;
}

[fx-s-px~="9.5"] {
  padding-left: 47.5px;
  padding-right: 47.5px;
}

[fx-s-py~="9.5"] {
  padding-top: 47.5px;
  padding-bottom: 47.5px;
}

[fx-s-pl~="9.5"] {
  padding-left: 47.5px;
}

[fx-s-pr~="9.5"] {
  padding-right: 47.5px;
}

[fx-s-pt~="9.5"] {
  padding-top: 47.5px;
}

[fx-s-pb~="9.5"] {
  padding-bottom: 47.5px;
}

[fx-s-gutter~="9.5"] {
  margin-left: -23.75px;
  margin-right: -23.75px;
}

[fx-s-gutter~="9.5"]>[fx-s-col],
[fx-s-gutter~="9.5"]>[fx-s-flex] {
  padding-left: 23.75px;
  padding-right: 23.75px;
}

[fx-s-width~="9.5"] {
  width: 475px !important;
}

[fx-s-max-width~="9.5"] {
  max-width: 475px !important;
}

[fx-s-height~="9.5"] {
  height: 475px !important;
}

[fx-s-max-height~="9.5"] {
  max-height: 475px !important;
}

[fx-s-mxy~="10"] {
  margin: 50px;
}

[fx-s-mx~="10"] {
  margin-left: 50px;
  margin-right: 50px;
}

[fx-s-my~="10"] {
  margin-top: 50px;
  margin-bottom: 50px;
}

[fx-s-ml~="10"] {
  margin-left: 50px;
}

[fx-s-mr~="10"] {
  margin-right: 50px;
}

[fx-s-mt~="10"] {
  margin-top: 50px;
}

[fx-s-mb~="10"] {
  margin-bottom: 50px;
}

[fx-s-pxy~="10"] {
  padding: 50px;
}

[fx-s-px~="10"] {
  padding-left: 50px;
  padding-right: 50px;
}

[fx-s-py~="10"] {
  padding-top: 50px;
  padding-bottom: 50px;
}

[fx-s-pl~="10"] {
  padding-left: 50px;
}

[fx-s-pr~="10"] {
  padding-right: 50px;
}

[fx-s-pt~="10"] {
  padding-top: 50px;
}

[fx-s-pb~="10"] {
  padding-bottom: 50px;
}

[fx-s-gutter~="10"] {
  margin-left: -25px;
  margin-right: -25px;
}

[fx-s-gutter~="10"]>[fx-s-col],
[fx-s-gutter~="10"]>[fx-s-flex] {
  padding-left: 25px;
  padding-right: 25px;
}

[fx-s-width~="10"] {
  width: 500px !important;
}

[fx-s-max-width~="10"] {
  max-width: 500px !important;
}

[fx-s-height~="10"] {
  height: 500px !important;
}

[fx-s-max-height~="10"] {
  max-height: 500px !important;
}

[fx-s-mxy~="10.5"] {
  margin: 52.5px;
}

[fx-s-mx~="10.5"] {
  margin-left: 52.5px;
  margin-right: 52.5px;
}

[fx-s-my~="10.5"] {
  margin-top: 52.5px;
  margin-bottom: 52.5px;
}

[fx-s-ml~="10.5"] {
  margin-left: 52.5px;
}

[fx-s-mr~="10.5"] {
  margin-right: 52.5px;
}

[fx-s-mt~="10.5"] {
  margin-top: 52.5px;
}

[fx-s-mb~="10.5"] {
  margin-bottom: 52.5px;
}

[fx-s-pxy~="10.5"] {
  padding: 52.5px;
}

[fx-s-px~="10.5"] {
  padding-left: 52.5px;
  padding-right: 52.5px;
}

[fx-s-py~="10.5"] {
  padding-top: 52.5px;
  padding-bottom: 52.5px;
}

[fx-s-pl~="10.5"] {
  padding-left: 52.5px;
}

[fx-s-pr~="10.5"] {
  padding-right: 52.5px;
}

[fx-s-pt~="10.5"] {
  padding-top: 52.5px;
}

[fx-s-pb~="10.5"] {
  padding-bottom: 52.5px;
}

[fx-s-gutter~="10.5"] {
  margin-left: -26.25px;
  margin-right: -26.25px;
}

[fx-s-gutter~="10.5"]>[fx-s-col],
[fx-s-gutter~="10.5"]>[fx-s-flex] {
  padding-left: 26.25px;
  padding-right: 26.25px;
}

[fx-s-width~="10.5"] {
  width: 525px !important;
}

[fx-s-max-width~="10.5"] {
  max-width: 525px !important;
}

[fx-s-height~="10.5"] {
  height: 525px !important;
}

[fx-s-max-height~="10.5"] {
  max-height: 525px !important;
}

[fx-s-mxy~="11"] {
  margin: 55px;
}

[fx-s-mx~="11"] {
  margin-left: 55px;
  margin-right: 55px;
}

[fx-s-my~="11"] {
  margin-top: 55px;
  margin-bottom: 55px;
}

[fx-s-ml~="11"] {
  margin-left: 55px;
}

[fx-s-mr~="11"] {
  margin-right: 55px;
}

[fx-s-mt~="11"] {
  margin-top: 55px;
}

[fx-s-mb~="11"] {
  margin-bottom: 55px;
}

[fx-s-pxy~="11"] {
  padding: 55px;
}

[fx-s-px~="11"] {
  padding-left: 55px;
  padding-right: 55px;
}

[fx-s-py~="11"] {
  padding-top: 55px;
  padding-bottom: 55px;
}

[fx-s-pl~="11"] {
  padding-left: 55px;
}

[fx-s-pr~="11"] {
  padding-right: 55px;
}

[fx-s-pt~="11"] {
  padding-top: 55px;
}

[fx-s-pb~="11"] {
  padding-bottom: 55px;
}

[fx-s-gutter~="11"] {
  margin-left: -27.5px;
  margin-right: -27.5px;
}

[fx-s-gutter~="11"]>[fx-s-col],
[fx-s-gutter~="11"]>[fx-s-flex] {
  padding-left: 27.5px;
  padding-right: 27.5px;
}

[fx-s-width~="11"] {
  width: 550px !important;
}

[fx-s-max-width~="11"] {
  max-width: 550px !important;
}

[fx-s-height~="11"] {
  height: 550px !important;
}

[fx-s-max-height~="11"] {
  max-height: 550px !important;
}

[fx-s-mxy~="11.5"] {
  margin: 57.5px;
}

[fx-s-mx~="11.5"] {
  margin-left: 57.5px;
  margin-right: 57.5px;
}

[fx-s-my~="11.5"] {
  margin-top: 57.5px;
  margin-bottom: 57.5px;
}

[fx-s-ml~="11.5"] {
  margin-left: 57.5px;
}

[fx-s-mr~="11.5"] {
  margin-right: 57.5px;
}

[fx-s-mt~="11.5"] {
  margin-top: 57.5px;
}

[fx-s-mb~="11.5"] {
  margin-bottom: 57.5px;
}

[fx-s-pxy~="11.5"] {
  padding: 57.5px;
}

[fx-s-px~="11.5"] {
  padding-left: 57.5px;
  padding-right: 57.5px;
}

[fx-s-py~="11.5"] {
  padding-top: 57.5px;
  padding-bottom: 57.5px;
}

[fx-s-pl~="11.5"] {
  padding-left: 57.5px;
}

[fx-s-pr~="11.5"] {
  padding-right: 57.5px;
}

[fx-s-pt~="11.5"] {
  padding-top: 57.5px;
}

[fx-s-pb~="11.5"] {
  padding-bottom: 57.5px;
}

[fx-s-gutter~="11.5"] {
  margin-left: -28.75px;
  margin-right: -28.75px;
}

[fx-s-gutter~="11.5"]>[fx-s-col],
[fx-s-gutter~="11.5"]>[fx-s-flex] {
  padding-left: 28.75px;
  padding-right: 28.75px;
}

[fx-s-width~="11.5"] {
  width: 575px !important;
}

[fx-s-max-width~="11.5"] {
  max-width: 575px !important;
}

[fx-s-height~="11.5"] {
  height: 575px !important;
}

[fx-s-max-height~="11.5"] {
  max-height: 575px !important;
}

[fx-s-mxy~="12"] {
  margin: 60px;
}

[fx-s-mx~="12"] {
  margin-left: 60px;
  margin-right: 60px;
}

[fx-s-my~="12"] {
  margin-top: 60px;
  margin-bottom: 60px;
}

[fx-s-ml~="12"] {
  margin-left: 60px;
}

[fx-s-mr~="12"] {
  margin-right: 60px;
}

[fx-s-mt~="12"] {
  margin-top: 60px;
}

[fx-s-mb~="12"] {
  margin-bottom: 60px;
}

[fx-s-pxy~="12"] {
  padding: 60px;
}

[fx-s-px~="12"] {
  padding-left: 60px;
  padding-right: 60px;
}

[fx-s-py~="12"] {
  padding-top: 60px;
  padding-bottom: 60px;
}

[fx-s-pl~="12"] {
  padding-left: 60px;
}

[fx-s-pr~="12"] {
  padding-right: 60px;
}

[fx-s-pt~="12"] {
  padding-top: 60px;
}

[fx-s-pb~="12"] {
  padding-bottom: 60px;
}

[fx-s-gutter~="12"] {
  margin-left: -30px;
  margin-right: -30px;
}

[fx-s-gutter~="12"]>[fx-s-col],
[fx-s-gutter~="12"]>[fx-s-flex] {
  padding-left: 30px;
  padding-right: 30px;
}

[fx-s-width~="12"] {
  width: 600px !important;
}

[fx-s-max-width~="12"] {
  max-width: 600px !important;
}

[fx-s-height~="12"] {
  height: 600px !important;
}

[fx-s-max-height~="12"] {
  max-height: 600px !important;
}

[fx-s-mxy~="12.5"] {
  margin: 62.5px;
}

[fx-s-mx~="12.5"] {
  margin-left: 62.5px;
  margin-right: 62.5px;
}

[fx-s-my~="12.5"] {
  margin-top: 62.5px;
  margin-bottom: 62.5px;
}

[fx-s-ml~="12.5"] {
  margin-left: 62.5px;
}

[fx-s-mr~="12.5"] {
  margin-right: 62.5px;
}

[fx-s-mt~="12.5"] {
  margin-top: 62.5px;
}

[fx-s-mb~="12.5"] {
  margin-bottom: 62.5px;
}

[fx-s-pxy~="12.5"] {
  padding: 62.5px;
}

[fx-s-px~="12.5"] {
  padding-left: 62.5px;
  padding-right: 62.5px;
}

[fx-s-py~="12.5"] {
  padding-top: 62.5px;
  padding-bottom: 62.5px;
}

[fx-s-pl~="12.5"] {
  padding-left: 62.5px;
}

[fx-s-pr~="12.5"] {
  padding-right: 62.5px;
}

[fx-s-pt~="12.5"] {
  padding-top: 62.5px;
}

[fx-s-pb~="12.5"] {
  padding-bottom: 62.5px;
}

[fx-s-gutter~="12.5"] {
  margin-left: -31.25px;
  margin-right: -31.25px;
}

[fx-s-gutter~="12.5"]>[fx-s-col],
[fx-s-gutter~="12.5"]>[fx-s-flex] {
  padding-left: 31.25px;
  padding-right: 31.25px;
}

[fx-s-width~="12.5"] {
  width: 625px !important;
}

[fx-s-max-width~="12.5"] {
  max-width: 625px !important;
}

[fx-s-height~="12.5"] {
  height: 625px !important;
}

[fx-s-max-height~="12.5"] {
  max-height: 625px !important;
}

[fx-s-mxy~="13"] {
  margin: 65px;
}

[fx-s-mx~="13"] {
  margin-left: 65px;
  margin-right: 65px;
}

[fx-s-my~="13"] {
  margin-top: 65px;
  margin-bottom: 65px;
}

[fx-s-ml~="13"] {
  margin-left: 65px;
}

[fx-s-mr~="13"] {
  margin-right: 65px;
}

[fx-s-mt~="13"] {
  margin-top: 65px;
}

[fx-s-mb~="13"] {
  margin-bottom: 65px;
}

[fx-s-pxy~="13"] {
  padding: 65px;
}

[fx-s-px~="13"] {
  padding-left: 65px;
  padding-right: 65px;
}

[fx-s-py~="13"] {
  padding-top: 65px;
  padding-bottom: 65px;
}

[fx-s-pl~="13"] {
  padding-left: 65px;
}

[fx-s-pr~="13"] {
  padding-right: 65px;
}

[fx-s-pt~="13"] {
  padding-top: 65px;
}

[fx-s-pb~="13"] {
  padding-bottom: 65px;
}

[fx-s-gutter~="13"] {
  margin-left: -32.5px;
  margin-right: -32.5px;
}

[fx-s-gutter~="13"]>[fx-s-col],
[fx-s-gutter~="13"]>[fx-s-flex] {
  padding-left: 32.5px;
  padding-right: 32.5px;
}

[fx-s-width~="13"] {
  width: 650px !important;
}

[fx-s-max-width~="13"] {
  max-width: 650px !important;
}

[fx-s-height~="13"] {
  height: 650px !important;
}

[fx-s-max-height~="13"] {
  max-height: 650px !important;
}

[fx-s-mxy~="13.5"] {
  margin: 67.5px;
}

[fx-s-mx~="13.5"] {
  margin-left: 67.5px;
  margin-right: 67.5px;
}

[fx-s-my~="13.5"] {
  margin-top: 67.5px;
  margin-bottom: 67.5px;
}

[fx-s-ml~="13.5"] {
  margin-left: 67.5px;
}

[fx-s-mr~="13.5"] {
  margin-right: 67.5px;
}

[fx-s-mt~="13.5"] {
  margin-top: 67.5px;
}

[fx-s-mb~="13.5"] {
  margin-bottom: 67.5px;
}

[fx-s-pxy~="13.5"] {
  padding: 67.5px;
}

[fx-s-px~="13.5"] {
  padding-left: 67.5px;
  padding-right: 67.5px;
}

[fx-s-py~="13.5"] {
  padding-top: 67.5px;
  padding-bottom: 67.5px;
}

[fx-s-pl~="13.5"] {
  padding-left: 67.5px;
}

[fx-s-pr~="13.5"] {
  padding-right: 67.5px;
}

[fx-s-pt~="13.5"] {
  padding-top: 67.5px;
}

[fx-s-pb~="13.5"] {
  padding-bottom: 67.5px;
}

[fx-s-gutter~="13.5"] {
  margin-left: -33.75px;
  margin-right: -33.75px;
}

[fx-s-gutter~="13.5"]>[fx-s-col],
[fx-s-gutter~="13.5"]>[fx-s-flex] {
  padding-left: 33.75px;
  padding-right: 33.75px;
}

[fx-s-width~="13.5"] {
  width: 675px !important;
}

[fx-s-max-width~="13.5"] {
  max-width: 675px !important;
}

[fx-s-height~="13.5"] {
  height: 675px !important;
}

[fx-s-max-height~="13.5"] {
  max-height: 675px !important;
}

[fx-s-mxy~="14"] {
  margin: 70px;
}

[fx-s-mx~="14"] {
  margin-left: 70px;
  margin-right: 70px;
}

[fx-s-my~="14"] {
  margin-top: 70px;
  margin-bottom: 70px;
}

[fx-s-ml~="14"] {
  margin-left: 70px;
}

[fx-s-mr~="14"] {
  margin-right: 70px;
}

[fx-s-mt~="14"] {
  margin-top: 70px;
}

[fx-s-mb~="14"] {
  margin-bottom: 70px;
}

[fx-s-pxy~="14"] {
  padding: 70px;
}

[fx-s-px~="14"] {
  padding-left: 70px;
  padding-right: 70px;
}

[fx-s-py~="14"] {
  padding-top: 70px;
  padding-bottom: 70px;
}

[fx-s-pl~="14"] {
  padding-left: 70px;
}

[fx-s-pr~="14"] {
  padding-right: 70px;
}

[fx-s-pt~="14"] {
  padding-top: 70px;
}

[fx-s-pb~="14"] {
  padding-bottom: 70px;
}

[fx-s-gutter~="14"] {
  margin-left: -35px;
  margin-right: -35px;
}

[fx-s-gutter~="14"]>[fx-s-col],
[fx-s-gutter~="14"]>[fx-s-flex] {
  padding-left: 35px;
  padding-right: 35px;
}

[fx-s-width~="14"] {
  width: 700px !important;
}

[fx-s-max-width~="14"] {
  max-width: 700px !important;
}

[fx-s-height~="14"] {
  height: 700px !important;
}

[fx-s-max-height~="14"] {
  max-height: 700px !important;
}

[fx-s-mxy~="14.5"] {
  margin: 72.5px;
}

[fx-s-mx~="14.5"] {
  margin-left: 72.5px;
  margin-right: 72.5px;
}

[fx-s-my~="14.5"] {
  margin-top: 72.5px;
  margin-bottom: 72.5px;
}

[fx-s-ml~="14.5"] {
  margin-left: 72.5px;
}

[fx-s-mr~="14.5"] {
  margin-right: 72.5px;
}

[fx-s-mt~="14.5"] {
  margin-top: 72.5px;
}

[fx-s-mb~="14.5"] {
  margin-bottom: 72.5px;
}

[fx-s-pxy~="14.5"] {
  padding: 72.5px;
}

[fx-s-px~="14.5"] {
  padding-left: 72.5px;
  padding-right: 72.5px;
}

[fx-s-py~="14.5"] {
  padding-top: 72.5px;
  padding-bottom: 72.5px;
}

[fx-s-pl~="14.5"] {
  padding-left: 72.5px;
}

[fx-s-pr~="14.5"] {
  padding-right: 72.5px;
}

[fx-s-pt~="14.5"] {
  padding-top: 72.5px;
}

[fx-s-pb~="14.5"] {
  padding-bottom: 72.5px;
}

[fx-s-gutter~="14.5"] {
  margin-left: -36.25px;
  margin-right: -36.25px;
}

[fx-s-gutter~="14.5"]>[fx-s-col],
[fx-s-gutter~="14.5"]>[fx-s-flex] {
  padding-left: 36.25px;
  padding-right: 36.25px;
}

[fx-s-width~="14.5"] {
  width: 725px !important;
}

[fx-s-max-width~="14.5"] {
  max-width: 725px !important;
}

[fx-s-height~="14.5"] {
  height: 725px !important;
}

[fx-s-max-height~="14.5"] {
  max-height: 725px !important;
}

[fx-s-mxy~="15"] {
  margin: 75px;
}

[fx-s-mx~="15"] {
  margin-left: 75px;
  margin-right: 75px;
}

[fx-s-my~="15"] {
  margin-top: 75px;
  margin-bottom: 75px;
}

[fx-s-ml~="15"] {
  margin-left: 75px;
}

[fx-s-mr~="15"] {
  margin-right: 75px;
}

[fx-s-mt~="15"] {
  margin-top: 75px;
}

[fx-s-mb~="15"] {
  margin-bottom: 75px;
}

[fx-s-pxy~="15"] {
  padding: 75px;
}

[fx-s-px~="15"] {
  padding-left: 75px;
  padding-right: 75px;
}

[fx-s-py~="15"] {
  padding-top: 75px;
  padding-bottom: 75px;
}

[fx-s-pl~="15"] {
  padding-left: 75px;
}

[fx-s-pr~="15"] {
  padding-right: 75px;
}

[fx-s-pt~="15"] {
  padding-top: 75px;
}

[fx-s-pb~="15"] {
  padding-bottom: 75px;
}

[fx-s-gutter~="15"] {
  margin-left: -37.5px;
  margin-right: -37.5px;
}

[fx-s-gutter~="15"]>[fx-s-col],
[fx-s-gutter~="15"]>[fx-s-flex] {
  padding-left: 37.5px;
  padding-right: 37.5px;
}

[fx-s-width~="15"] {
  width: 750px !important;
}

[fx-s-max-width~="15"] {
  max-width: 750px !important;
}

[fx-s-height~="15"] {
  height: 750px !important;
}

[fx-s-max-height~="15"] {
  max-height: 750px !important;
}

[fx-s-mxy~="15.5"] {
  margin: 77.5px;
}

[fx-s-mx~="15.5"] {
  margin-left: 77.5px;
  margin-right: 77.5px;
}

[fx-s-my~="15.5"] {
  margin-top: 77.5px;
  margin-bottom: 77.5px;
}

[fx-s-ml~="15.5"] {
  margin-left: 77.5px;
}

[fx-s-mr~="15.5"] {
  margin-right: 77.5px;
}

[fx-s-mt~="15.5"] {
  margin-top: 77.5px;
}

[fx-s-mb~="15.5"] {
  margin-bottom: 77.5px;
}

[fx-s-pxy~="15.5"] {
  padding: 77.5px;
}

[fx-s-px~="15.5"] {
  padding-left: 77.5px;
  padding-right: 77.5px;
}

[fx-s-py~="15.5"] {
  padding-top: 77.5px;
  padding-bottom: 77.5px;
}

[fx-s-pl~="15.5"] {
  padding-left: 77.5px;
}

[fx-s-pr~="15.5"] {
  padding-right: 77.5px;
}

[fx-s-pt~="15.5"] {
  padding-top: 77.5px;
}

[fx-s-pb~="15.5"] {
  padding-bottom: 77.5px;
}

[fx-s-gutter~="15.5"] {
  margin-left: -38.75px;
  margin-right: -38.75px;
}

[fx-s-gutter~="15.5"]>[fx-s-col],
[fx-s-gutter~="15.5"]>[fx-s-flex] {
  padding-left: 38.75px;
  padding-right: 38.75px;
}

[fx-s-width~="15.5"] {
  width: 775px !important;
}

[fx-s-max-width~="15.5"] {
  max-width: 775px !important;
}

[fx-s-height~="15.5"] {
  height: 775px !important;
}

[fx-s-max-height~="15.5"] {
  max-height: 775px !important;
}

[fx-s-mxy~="16"] {
  margin: 80px;
}

[fx-s-mx~="16"] {
  margin-left: 80px;
  margin-right: 80px;
}

[fx-s-my~="16"] {
  margin-top: 80px;
  margin-bottom: 80px;
}

[fx-s-ml~="16"] {
  margin-left: 80px;
}

[fx-s-mr~="16"] {
  margin-right: 80px;
}

[fx-s-mt~="16"] {
  margin-top: 80px;
}

[fx-s-mb~="16"] {
  margin-bottom: 80px;
}

[fx-s-pxy~="16"] {
  padding: 80px;
}

[fx-s-px~="16"] {
  padding-left: 80px;
  padding-right: 80px;
}

[fx-s-py~="16"] {
  padding-top: 80px;
  padding-bottom: 80px;
}

[fx-s-pl~="16"] {
  padding-left: 80px;
}

[fx-s-pr~="16"] {
  padding-right: 80px;
}

[fx-s-pt~="16"] {
  padding-top: 80px;
}

[fx-s-pb~="16"] {
  padding-bottom: 80px;
}

[fx-s-gutter~="16"] {
  margin-left: -40px;
  margin-right: -40px;
}

[fx-s-gutter~="16"]>[fx-s-col],
[fx-s-gutter~="16"]>[fx-s-flex] {
  padding-left: 40px;
  padding-right: 40px;
}

[fx-s-width~="16"] {
  width: 800px !important;
}

[fx-s-max-width~="16"] {
  max-width: 800px !important;
}

[fx-s-height~="16"] {
  height: 800px !important;
}

[fx-s-max-height~="16"] {
  max-height: 800px !important;
}

[fx-s-mxy~="16.5"] {
  margin: 82.5px;
}

[fx-s-mx~="16.5"] {
  margin-left: 82.5px;
  margin-right: 82.5px;
}

[fx-s-my~="16.5"] {
  margin-top: 82.5px;
  margin-bottom: 82.5px;
}

[fx-s-ml~="16.5"] {
  margin-left: 82.5px;
}

[fx-s-mr~="16.5"] {
  margin-right: 82.5px;
}

[fx-s-mt~="16.5"] {
  margin-top: 82.5px;
}

[fx-s-mb~="16.5"] {
  margin-bottom: 82.5px;
}

[fx-s-pxy~="16.5"] {
  padding: 82.5px;
}

[fx-s-px~="16.5"] {
  padding-left: 82.5px;
  padding-right: 82.5px;
}

[fx-s-py~="16.5"] {
  padding-top: 82.5px;
  padding-bottom: 82.5px;
}

[fx-s-pl~="16.5"] {
  padding-left: 82.5px;
}

[fx-s-pr~="16.5"] {
  padding-right: 82.5px;
}

[fx-s-pt~="16.5"] {
  padding-top: 82.5px;
}

[fx-s-pb~="16.5"] {
  padding-bottom: 82.5px;
}

[fx-s-gutter~="16.5"] {
  margin-left: -41.25px;
  margin-right: -41.25px;
}

[fx-s-gutter~="16.5"]>[fx-s-col],
[fx-s-gutter~="16.5"]>[fx-s-flex] {
  padding-left: 41.25px;
  padding-right: 41.25px;
}

[fx-s-width~="16.5"] {
  width: 825px !important;
}

[fx-s-max-width~="16.5"] {
  max-width: 825px !important;
}

[fx-s-height~="16.5"] {
  height: 825px !important;
}

[fx-s-max-height~="16.5"] {
  max-height: 825px !important;
}

[fx-s-mxy~="17"] {
  margin: 85px;
}

[fx-s-mx~="17"] {
  margin-left: 85px;
  margin-right: 85px;
}

[fx-s-my~="17"] {
  margin-top: 85px;
  margin-bottom: 85px;
}

[fx-s-ml~="17"] {
  margin-left: 85px;
}

[fx-s-mr~="17"] {
  margin-right: 85px;
}

[fx-s-mt~="17"] {
  margin-top: 85px;
}

[fx-s-mb~="17"] {
  margin-bottom: 85px;
}

[fx-s-pxy~="17"] {
  padding: 85px;
}

[fx-s-px~="17"] {
  padding-left: 85px;
  padding-right: 85px;
}

[fx-s-py~="17"] {
  padding-top: 85px;
  padding-bottom: 85px;
}

[fx-s-pl~="17"] {
  padding-left: 85px;
}

[fx-s-pr~="17"] {
  padding-right: 85px;
}

[fx-s-pt~="17"] {
  padding-top: 85px;
}

[fx-s-pb~="17"] {
  padding-bottom: 85px;
}

[fx-s-gutter~="17"] {
  margin-left: -42.5px;
  margin-right: -42.5px;
}

[fx-s-gutter~="17"]>[fx-s-col],
[fx-s-gutter~="17"]>[fx-s-flex] {
  padding-left: 42.5px;
  padding-right: 42.5px;
}

[fx-s-width~="17"] {
  width: 850px !important;
}

[fx-s-max-width~="17"] {
  max-width: 850px !important;
}

[fx-s-height~="17"] {
  height: 850px !important;
}

[fx-s-max-height~="17"] {
  max-height: 850px !important;
}

[fx-s-mxy~="17.5"] {
  margin: 87.5px;
}

[fx-s-mx~="17.5"] {
  margin-left: 87.5px;
  margin-right: 87.5px;
}

[fx-s-my~="17.5"] {
  margin-top: 87.5px;
  margin-bottom: 87.5px;
}

[fx-s-ml~="17.5"] {
  margin-left: 87.5px;
}

[fx-s-mr~="17.5"] {
  margin-right: 87.5px;
}

[fx-s-mt~="17.5"] {
  margin-top: 87.5px;
}

[fx-s-mb~="17.5"] {
  margin-bottom: 87.5px;
}

[fx-s-pxy~="17.5"] {
  padding: 87.5px;
}

[fx-s-px~="17.5"] {
  padding-left: 87.5px;
  padding-right: 87.5px;
}

[fx-s-py~="17.5"] {
  padding-top: 87.5px;
  padding-bottom: 87.5px;
}

[fx-s-pl~="17.5"] {
  padding-left: 87.5px;
}

[fx-s-pr~="17.5"] {
  padding-right: 87.5px;
}

[fx-s-pt~="17.5"] {
  padding-top: 87.5px;
}

[fx-s-pb~="17.5"] {
  padding-bottom: 87.5px;
}

[fx-s-gutter~="17.5"] {
  margin-left: -43.75px;
  margin-right: -43.75px;
}

[fx-s-gutter~="17.5"]>[fx-s-col],
[fx-s-gutter~="17.5"]>[fx-s-flex] {
  padding-left: 43.75px;
  padding-right: 43.75px;
}

[fx-s-width~="17.5"] {
  width: 875px !important;
}

[fx-s-max-width~="17.5"] {
  max-width: 875px !important;
}

[fx-s-height~="17.5"] {
  height: 875px !important;
}

[fx-s-max-height~="17.5"] {
  max-height: 875px !important;
}

[fx-s-mxy~="18"] {
  margin: 90px;
}

[fx-s-mx~="18"] {
  margin-left: 90px;
  margin-right: 90px;
}

[fx-s-my~="18"] {
  margin-top: 90px;
  margin-bottom: 90px;
}

[fx-s-ml~="18"] {
  margin-left: 90px;
}

[fx-s-mr~="18"] {
  margin-right: 90px;
}

[fx-s-mt~="18"] {
  margin-top: 90px;
}

[fx-s-mb~="18"] {
  margin-bottom: 90px;
}

[fx-s-pxy~="18"] {
  padding: 90px;
}

[fx-s-px~="18"] {
  padding-left: 90px;
  padding-right: 90px;
}

[fx-s-py~="18"] {
  padding-top: 90px;
  padding-bottom: 90px;
}

[fx-s-pl~="18"] {
  padding-left: 90px;
}

[fx-s-pr~="18"] {
  padding-right: 90px;
}

[fx-s-pt~="18"] {
  padding-top: 90px;
}

[fx-s-pb~="18"] {
  padding-bottom: 90px;
}

[fx-s-gutter~="18"] {
  margin-left: -45px;
  margin-right: -45px;
}

[fx-s-gutter~="18"]>[fx-s-col],
[fx-s-gutter~="18"]>[fx-s-flex] {
  padding-left: 45px;
  padding-right: 45px;
}

[fx-s-width~="18"] {
  width: 900px !important;
}

[fx-s-max-width~="18"] {
  max-width: 900px !important;
}

[fx-s-height~="18"] {
  height: 900px !important;
}

[fx-s-max-height~="18"] {
  max-height: 900px !important;
}

[fx-s-mxy~="18.5"] {
  margin: 92.5px;
}

[fx-s-mx~="18.5"] {
  margin-left: 92.5px;
  margin-right: 92.5px;
}

[fx-s-my~="18.5"] {
  margin-top: 92.5px;
  margin-bottom: 92.5px;
}

[fx-s-ml~="18.5"] {
  margin-left: 92.5px;
}

[fx-s-mr~="18.5"] {
  margin-right: 92.5px;
}

[fx-s-mt~="18.5"] {
  margin-top: 92.5px;
}

[fx-s-mb~="18.5"] {
  margin-bottom: 92.5px;
}

[fx-s-pxy~="18.5"] {
  padding: 92.5px;
}

[fx-s-px~="18.5"] {
  padding-left: 92.5px;
  padding-right: 92.5px;
}

[fx-s-py~="18.5"] {
  padding-top: 92.5px;
  padding-bottom: 92.5px;
}

[fx-s-pl~="18.5"] {
  padding-left: 92.5px;
}

[fx-s-pr~="18.5"] {
  padding-right: 92.5px;
}

[fx-s-pt~="18.5"] {
  padding-top: 92.5px;
}

[fx-s-pb~="18.5"] {
  padding-bottom: 92.5px;
}

[fx-s-gutter~="18.5"] {
  margin-left: -46.25px;
  margin-right: -46.25px;
}

[fx-s-gutter~="18.5"]>[fx-s-col],
[fx-s-gutter~="18.5"]>[fx-s-flex] {
  padding-left: 46.25px;
  padding-right: 46.25px;
}

[fx-s-width~="18.5"] {
  width: 925px !important;
}

[fx-s-max-width~="18.5"] {
  max-width: 925px !important;
}

[fx-s-height~="18.5"] {
  height: 925px !important;
}

[fx-s-max-height~="18.5"] {
  max-height: 925px !important;
}

[fx-s-mxy~="19"] {
  margin: 95px;
}

[fx-s-mx~="19"] {
  margin-left: 95px;
  margin-right: 95px;
}

[fx-s-my~="19"] {
  margin-top: 95px;
  margin-bottom: 95px;
}

[fx-s-ml~="19"] {
  margin-left: 95px;
}

[fx-s-mr~="19"] {
  margin-right: 95px;
}

[fx-s-mt~="19"] {
  margin-top: 95px;
}

[fx-s-mb~="19"] {
  margin-bottom: 95px;
}

[fx-s-pxy~="19"] {
  padding: 95px;
}

[fx-s-px~="19"] {
  padding-left: 95px;
  padding-right: 95px;
}

[fx-s-py~="19"] {
  padding-top: 95px;
  padding-bottom: 95px;
}

[fx-s-pl~="19"] {
  padding-left: 95px;
}

[fx-s-pr~="19"] {
  padding-right: 95px;
}

[fx-s-pt~="19"] {
  padding-top: 95px;
}

[fx-s-pb~="19"] {
  padding-bottom: 95px;
}

[fx-s-gutter~="19"] {
  margin-left: -47.5px;
  margin-right: -47.5px;
}

[fx-s-gutter~="19"]>[fx-s-col],
[fx-s-gutter~="19"]>[fx-s-flex] {
  padding-left: 47.5px;
  padding-right: 47.5px;
}

[fx-s-width~="19"] {
  width: 950px !important;
}

[fx-s-max-width~="19"] {
  max-width: 950px !important;
}

[fx-s-height~="19"] {
  height: 950px !important;
}

[fx-s-max-height~="19"] {
  max-height: 950px !important;
}

[fx-s-mxy~="19.5"] {
  margin: 97.5px;
}

[fx-s-mx~="19.5"] {
  margin-left: 97.5px;
  margin-right: 97.5px;
}

[fx-s-my~="19.5"] {
  margin-top: 97.5px;
  margin-bottom: 97.5px;
}

[fx-s-ml~="19.5"] {
  margin-left: 97.5px;
}

[fx-s-mr~="19.5"] {
  margin-right: 97.5px;
}

[fx-s-mt~="19.5"] {
  margin-top: 97.5px;
}

[fx-s-mb~="19.5"] {
  margin-bottom: 97.5px;
}

[fx-s-pxy~="19.5"] {
  padding: 97.5px;
}

[fx-s-px~="19.5"] {
  padding-left: 97.5px;
  padding-right: 97.5px;
}

[fx-s-py~="19.5"] {
  padding-top: 97.5px;
  padding-bottom: 97.5px;
}

[fx-s-pl~="19.5"] {
  padding-left: 97.5px;
}

[fx-s-pr~="19.5"] {
  padding-right: 97.5px;
}

[fx-s-pt~="19.5"] {
  padding-top: 97.5px;
}

[fx-s-pb~="19.5"] {
  padding-bottom: 97.5px;
}

[fx-s-gutter~="19.5"] {
  margin-left: -48.75px;
  margin-right: -48.75px;
}

[fx-s-gutter~="19.5"]>[fx-s-col],
[fx-s-gutter~="19.5"]>[fx-s-flex] {
  padding-left: 48.75px;
  padding-right: 48.75px;
}

[fx-s-width~="19.5"] {
  width: 975px !important;
}

[fx-s-max-width~="19.5"] {
  max-width: 975px !important;
}

[fx-s-height~="19.5"] {
  height: 975px !important;
}

[fx-s-max-height~="19.5"] {
  max-height: 975px !important;
}

[fx-s-mxy~="20"] {
  margin: 100px;
}

[fx-s-mx~="20"] {
  margin-left: 100px;
  margin-right: 100px;
}

[fx-s-my~="20"] {
  margin-top: 100px;
  margin-bottom: 100px;
}

[fx-s-ml~="20"] {
  margin-left: 100px;
}

[fx-s-mr~="20"] {
  margin-right: 100px;
}

[fx-s-mt~="20"] {
  margin-top: 100px;
}

[fx-s-mb~="20"] {
  margin-bottom: 100px;
}

[fx-s-pxy~="20"] {
  padding: 100px;
}

[fx-s-px~="20"] {
  padding-left: 100px;
  padding-right: 100px;
}

[fx-s-py~="20"] {
  padding-top: 100px;
  padding-bottom: 100px;
}

[fx-s-pl~="20"] {
  padding-left: 100px;
}

[fx-s-pr~="20"] {
  padding-right: 100px;
}

[fx-s-pt~="20"] {
  padding-top: 100px;
}

[fx-s-pb~="20"] {
  padding-bottom: 100px;
}

[fx-s-gutter~="20"] {
  margin-left: -50px;
  margin-right: -50px;
}

[fx-s-gutter~="20"]>[fx-s-col],
[fx-s-gutter~="20"]>[fx-s-flex] {
  padding-left: 50px;
  padding-right: 50px;
}

[fx-s-width~="20"] {
  width: 1000px !important;
}

[fx-s-max-width~="20"] {
  max-width: 1000px !important;
}

[fx-s-height~="20"] {
  height: 1000px !important;
}

[fx-s-max-height~="20"] {
  max-height: 1000px !important;
}

[fx-s-mxy~="20.5"] {
  margin: 102.5px;
}

[fx-s-mx~="20.5"] {
  margin-left: 102.5px;
  margin-right: 102.5px;
}

[fx-s-my~="20.5"] {
  margin-top: 102.5px;
  margin-bottom: 102.5px;
}

[fx-s-ml~="20.5"] {
  margin-left: 102.5px;
}

[fx-s-mr~="20.5"] {
  margin-right: 102.5px;
}

[fx-s-mt~="20.5"] {
  margin-top: 102.5px;
}

[fx-s-mb~="20.5"] {
  margin-bottom: 102.5px;
}

[fx-s-pxy~="20.5"] {
  padding: 102.5px;
}

[fx-s-px~="20.5"] {
  padding-left: 102.5px;
  padding-right: 102.5px;
}

[fx-s-py~="20.5"] {
  padding-top: 102.5px;
  padding-bottom: 102.5px;
}

[fx-s-pl~="20.5"] {
  padding-left: 102.5px;
}

[fx-s-pr~="20.5"] {
  padding-right: 102.5px;
}

[fx-s-pt~="20.5"] {
  padding-top: 102.5px;
}

[fx-s-pb~="20.5"] {
  padding-bottom: 102.5px;
}

[fx-s-gutter~="20.5"] {
  margin-left: -51.25px;
  margin-right: -51.25px;
}

[fx-s-gutter~="20.5"]>[fx-s-col],
[fx-s-gutter~="20.5"]>[fx-s-flex] {
  padding-left: 51.25px;
  padding-right: 51.25px;
}

[fx-s-width~="20.5"] {
  width: 1025px !important;
}

[fx-s-max-width~="20.5"] {
  max-width: 1025px !important;
}

[fx-s-height~="20.5"] {
  height: 1025px !important;
}

[fx-s-max-height~="20.5"] {
  max-height: 1025px !important;
}

[fx-s-mxy~="21"] {
  margin: 105px;
}

[fx-s-mx~="21"] {
  margin-left: 105px;
  margin-right: 105px;
}

[fx-s-my~="21"] {
  margin-top: 105px;
  margin-bottom: 105px;
}

[fx-s-ml~="21"] {
  margin-left: 105px;
}

[fx-s-mr~="21"] {
  margin-right: 105px;
}

[fx-s-mt~="21"] {
  margin-top: 105px;
}

[fx-s-mb~="21"] {
  margin-bottom: 105px;
}

[fx-s-pxy~="21"] {
  padding: 105px;
}

[fx-s-px~="21"] {
  padding-left: 105px;
  padding-right: 105px;
}

[fx-s-py~="21"] {
  padding-top: 105px;
  padding-bottom: 105px;
}

[fx-s-pl~="21"] {
  padding-left: 105px;
}

[fx-s-pr~="21"] {
  padding-right: 105px;
}

[fx-s-pt~="21"] {
  padding-top: 105px;
}

[fx-s-pb~="21"] {
  padding-bottom: 105px;
}

[fx-s-gutter~="21"] {
  margin-left: -52.5px;
  margin-right: -52.5px;
}

[fx-s-gutter~="21"]>[fx-s-col],
[fx-s-gutter~="21"]>[fx-s-flex] {
  padding-left: 52.5px;
  padding-right: 52.5px;
}

[fx-s-width~="21"] {
  width: 1050px !important;
}

[fx-s-max-width~="21"] {
  max-width: 1050px !important;
}

[fx-s-height~="21"] {
  height: 1050px !important;
}

[fx-s-max-height~="21"] {
  max-height: 1050px !important;
}

[fx-s-mxy~="21.5"] {
  margin: 107.5px;
}

[fx-s-mx~="21.5"] {
  margin-left: 107.5px;
  margin-right: 107.5px;
}

[fx-s-my~="21.5"] {
  margin-top: 107.5px;
  margin-bottom: 107.5px;
}

[fx-s-ml~="21.5"] {
  margin-left: 107.5px;
}

[fx-s-mr~="21.5"] {
  margin-right: 107.5px;
}

[fx-s-mt~="21.5"] {
  margin-top: 107.5px;
}

[fx-s-mb~="21.5"] {
  margin-bottom: 107.5px;
}

[fx-s-pxy~="21.5"] {
  padding: 107.5px;
}

[fx-s-px~="21.5"] {
  padding-left: 107.5px;
  padding-right: 107.5px;
}

[fx-s-py~="21.5"] {
  padding-top: 107.5px;
  padding-bottom: 107.5px;
}

[fx-s-pl~="21.5"] {
  padding-left: 107.5px;
}

[fx-s-pr~="21.5"] {
  padding-right: 107.5px;
}

[fx-s-pt~="21.5"] {
  padding-top: 107.5px;
}

[fx-s-pb~="21.5"] {
  padding-bottom: 107.5px;
}

[fx-s-gutter~="21.5"] {
  margin-left: -53.75px;
  margin-right: -53.75px;
}

[fx-s-gutter~="21.5"]>[fx-s-col],
[fx-s-gutter~="21.5"]>[fx-s-flex] {
  padding-left: 53.75px;
  padding-right: 53.75px;
}

[fx-s-width~="21.5"] {
  width: 1075px !important;
}

[fx-s-max-width~="21.5"] {
  max-width: 1075px !important;
}

[fx-s-height~="21.5"] {
  height: 1075px !important;
}

[fx-s-max-height~="21.5"] {
  max-height: 1075px !important;
}

[fx-s-mxy~="22"] {
  margin: 110px;
}

[fx-s-mx~="22"] {
  margin-left: 110px;
  margin-right: 110px;
}

[fx-s-my~="22"] {
  margin-top: 110px;
  margin-bottom: 110px;
}

[fx-s-ml~="22"] {
  margin-left: 110px;
}

[fx-s-mr~="22"] {
  margin-right: 110px;
}

[fx-s-mt~="22"] {
  margin-top: 110px;
}

[fx-s-mb~="22"] {
  margin-bottom: 110px;
}

[fx-s-pxy~="22"] {
  padding: 110px;
}

[fx-s-px~="22"] {
  padding-left: 110px;
  padding-right: 110px;
}

[fx-s-py~="22"] {
  padding-top: 110px;
  padding-bottom: 110px;
}

[fx-s-pl~="22"] {
  padding-left: 110px;
}

[fx-s-pr~="22"] {
  padding-right: 110px;
}

[fx-s-pt~="22"] {
  padding-top: 110px;
}

[fx-s-pb~="22"] {
  padding-bottom: 110px;
}

[fx-s-gutter~="22"] {
  margin-left: -55px;
  margin-right: -55px;
}

[fx-s-gutter~="22"]>[fx-s-col],
[fx-s-gutter~="22"]>[fx-s-flex] {
  padding-left: 55px;
  padding-right: 55px;
}

[fx-s-width~="22"] {
  width: 1100px !important;
}

[fx-s-max-width~="22"] {
  max-width: 1100px !important;
}

[fx-s-height~="22"] {
  height: 1100px !important;
}

[fx-s-max-height~="22"] {
  max-height: 1100px !important;
}

[fx-s-mxy~="22.5"] {
  margin: 112.5px;
}

[fx-s-mx~="22.5"] {
  margin-left: 112.5px;
  margin-right: 112.5px;
}

[fx-s-my~="22.5"] {
  margin-top: 112.5px;
  margin-bottom: 112.5px;
}

[fx-s-ml~="22.5"] {
  margin-left: 112.5px;
}

[fx-s-mr~="22.5"] {
  margin-right: 112.5px;
}

[fx-s-mt~="22.5"] {
  margin-top: 112.5px;
}

[fx-s-mb~="22.5"] {
  margin-bottom: 112.5px;
}

[fx-s-pxy~="22.5"] {
  padding: 112.5px;
}

[fx-s-px~="22.5"] {
  padding-left: 112.5px;
  padding-right: 112.5px;
}

[fx-s-py~="22.5"] {
  padding-top: 112.5px;
  padding-bottom: 112.5px;
}

[fx-s-pl~="22.5"] {
  padding-left: 112.5px;
}

[fx-s-pr~="22.5"] {
  padding-right: 112.5px;
}

[fx-s-pt~="22.5"] {
  padding-top: 112.5px;
}

[fx-s-pb~="22.5"] {
  padding-bottom: 112.5px;
}

[fx-s-gutter~="22.5"] {
  margin-left: -56.25px;
  margin-right: -56.25px;
}

[fx-s-gutter~="22.5"]>[fx-s-col],
[fx-s-gutter~="22.5"]>[fx-s-flex] {
  padding-left: 56.25px;
  padding-right: 56.25px;
}

[fx-s-width~="22.5"] {
  width: 1125px !important;
}

[fx-s-max-width~="22.5"] {
  max-width: 1125px !important;
}

[fx-s-height~="22.5"] {
  height: 1125px !important;
}

[fx-s-max-height~="22.5"] {
  max-height: 1125px !important;
}

[fx-s-mxy~="23"] {
  margin: 115px;
}

[fx-s-mx~="23"] {
  margin-left: 115px;
  margin-right: 115px;
}

[fx-s-my~="23"] {
  margin-top: 115px;
  margin-bottom: 115px;
}

[fx-s-ml~="23"] {
  margin-left: 115px;
}

[fx-s-mr~="23"] {
  margin-right: 115px;
}

[fx-s-mt~="23"] {
  margin-top: 115px;
}

[fx-s-mb~="23"] {
  margin-bottom: 115px;
}

[fx-s-pxy~="23"] {
  padding: 115px;
}

[fx-s-px~="23"] {
  padding-left: 115px;
  padding-right: 115px;
}

[fx-s-py~="23"] {
  padding-top: 115px;
  padding-bottom: 115px;
}

[fx-s-pl~="23"] {
  padding-left: 115px;
}

[fx-s-pr~="23"] {
  padding-right: 115px;
}

[fx-s-pt~="23"] {
  padding-top: 115px;
}

[fx-s-pb~="23"] {
  padding-bottom: 115px;
}

[fx-s-gutter~="23"] {
  margin-left: -57.5px;
  margin-right: -57.5px;
}

[fx-s-gutter~="23"]>[fx-s-col],
[fx-s-gutter~="23"]>[fx-s-flex] {
  padding-left: 57.5px;
  padding-right: 57.5px;
}

[fx-s-width~="23"] {
  width: 1150px !important;
}

[fx-s-max-width~="23"] {
  max-width: 1150px !important;
}

[fx-s-height~="23"] {
  height: 1150px !important;
}

[fx-s-max-height~="23"] {
  max-height: 1150px !important;
}

[fx-s-mxy~="23.5"] {
  margin: 117.5px;
}

[fx-s-mx~="23.5"] {
  margin-left: 117.5px;
  margin-right: 117.5px;
}

[fx-s-my~="23.5"] {
  margin-top: 117.5px;
  margin-bottom: 117.5px;
}

[fx-s-ml~="23.5"] {
  margin-left: 117.5px;
}

[fx-s-mr~="23.5"] {
  margin-right: 117.5px;
}

[fx-s-mt~="23.5"] {
  margin-top: 117.5px;
}

[fx-s-mb~="23.5"] {
  margin-bottom: 117.5px;
}

[fx-s-pxy~="23.5"] {
  padding: 117.5px;
}

[fx-s-px~="23.5"] {
  padding-left: 117.5px;
  padding-right: 117.5px;
}

[fx-s-py~="23.5"] {
  padding-top: 117.5px;
  padding-bottom: 117.5px;
}

[fx-s-pl~="23.5"] {
  padding-left: 117.5px;
}

[fx-s-pr~="23.5"] {
  padding-right: 117.5px;
}

[fx-s-pt~="23.5"] {
  padding-top: 117.5px;
}

[fx-s-pb~="23.5"] {
  padding-bottom: 117.5px;
}

[fx-s-gutter~="23.5"] {
  margin-left: -58.75px;
  margin-right: -58.75px;
}

[fx-s-gutter~="23.5"]>[fx-s-col],
[fx-s-gutter~="23.5"]>[fx-s-flex] {
  padding-left: 58.75px;
  padding-right: 58.75px;
}

[fx-s-width~="23.5"] {
  width: 1175px !important;
}

[fx-s-max-width~="23.5"] {
  max-width: 1175px !important;
}

[fx-s-height~="23.5"] {
  height: 1175px !important;
}

[fx-s-max-height~="23.5"] {
  max-height: 1175px !important;
}

[fx-s-mxy~="24"] {
  margin: 120px;
}

[fx-s-mx~="24"] {
  margin-left: 120px;
  margin-right: 120px;
}

[fx-s-my~="24"] {
  margin-top: 120px;
  margin-bottom: 120px;
}

[fx-s-ml~="24"] {
  margin-left: 120px;
}

[fx-s-mr~="24"] {
  margin-right: 120px;
}

[fx-s-mt~="24"] {
  margin-top: 120px;
}

[fx-s-mb~="24"] {
  margin-bottom: 120px;
}

[fx-s-pxy~="24"] {
  padding: 120px;
}

[fx-s-px~="24"] {
  padding-left: 120px;
  padding-right: 120px;
}

[fx-s-py~="24"] {
  padding-top: 120px;
  padding-bottom: 120px;
}

[fx-s-pl~="24"] {
  padding-left: 120px;
}

[fx-s-pr~="24"] {
  padding-right: 120px;
}

[fx-s-pt~="24"] {
  padding-top: 120px;
}

[fx-s-pb~="24"] {
  padding-bottom: 120px;
}

[fx-s-gutter~="24"] {
  margin-left: -60px;
  margin-right: -60px;
}

[fx-s-gutter~="24"]>[fx-s-col],
[fx-s-gutter~="24"]>[fx-s-flex] {
  padding-left: 60px;
  padding-right: 60px;
}

[fx-s-width~="24"] {
  width: 1200px !important;
}

[fx-s-max-width~="24"] {
  max-width: 1200px !important;
}

[fx-s-height~="24"] {
  height: 1200px !important;
}

[fx-s-max-height~="24"] {
  max-height: 1200px !important;
}

[fx-s-mxy~="24.5"] {
  margin: 122.5px;
}

[fx-s-mx~="24.5"] {
  margin-left: 122.5px;
  margin-right: 122.5px;
}

[fx-s-my~="24.5"] {
  margin-top: 122.5px;
  margin-bottom: 122.5px;
}

[fx-s-ml~="24.5"] {
  margin-left: 122.5px;
}

[fx-s-mr~="24.5"] {
  margin-right: 122.5px;
}

[fx-s-mt~="24.5"] {
  margin-top: 122.5px;
}

[fx-s-mb~="24.5"] {
  margin-bottom: 122.5px;
}

[fx-s-pxy~="24.5"] {
  padding: 122.5px;
}

[fx-s-px~="24.5"] {
  padding-left: 122.5px;
  padding-right: 122.5px;
}

[fx-s-py~="24.5"] {
  padding-top: 122.5px;
  padding-bottom: 122.5px;
}

[fx-s-pl~="24.5"] {
  padding-left: 122.5px;
}

[fx-s-pr~="24.5"] {
  padding-right: 122.5px;
}

[fx-s-pt~="24.5"] {
  padding-top: 122.5px;
}

[fx-s-pb~="24.5"] {
  padding-bottom: 122.5px;
}

[fx-s-gutter~="24.5"] {
  margin-left: -61.25px;
  margin-right: -61.25px;
}

[fx-s-gutter~="24.5"]>[fx-s-col],
[fx-s-gutter~="24.5"]>[fx-s-flex] {
  padding-left: 61.25px;
  padding-right: 61.25px;
}

[fx-s-width~="24.5"] {
  width: 1225px !important;
}

[fx-s-max-width~="24.5"] {
  max-width: 1225px !important;
}

[fx-s-height~="24.5"] {
  height: 1225px !important;
}

[fx-s-max-height~="24.5"] {
  max-height: 1225px !important;
}

[fx-s-mxy~="25"] {
  margin: 125px;
}

[fx-s-mx~="25"] {
  margin-left: 125px;
  margin-right: 125px;
}

[fx-s-my~="25"] {
  margin-top: 125px;
  margin-bottom: 125px;
}

[fx-s-ml~="25"] {
  margin-left: 125px;
}

[fx-s-mr~="25"] {
  margin-right: 125px;
}

[fx-s-mt~="25"] {
  margin-top: 125px;
}

[fx-s-mb~="25"] {
  margin-bottom: 125px;
}

[fx-s-pxy~="25"] {
  padding: 125px;
}

[fx-s-px~="25"] {
  padding-left: 125px;
  padding-right: 125px;
}

[fx-s-py~="25"] {
  padding-top: 125px;
  padding-bottom: 125px;
}

[fx-s-pl~="25"] {
  padding-left: 125px;
}

[fx-s-pr~="25"] {
  padding-right: 125px;
}

[fx-s-pt~="25"] {
  padding-top: 125px;
}

[fx-s-pb~="25"] {
  padding-bottom: 125px;
}

[fx-s-gutter~="25"] {
  margin-left: -62.5px;
  margin-right: -62.5px;
}

[fx-s-gutter~="25"]>[fx-s-col],
[fx-s-gutter~="25"]>[fx-s-flex] {
  padding-left: 62.5px;
  padding-right: 62.5px;
}

[fx-s-width~="25"] {
  width: 1250px !important;
}

[fx-s-max-width~="25"] {
  max-width: 1250px !important;
}

[fx-s-height~="25"] {
  height: 1250px !important;
}

[fx-s-max-height~="25"] {
  max-height: 1250px !important;
}

[fx-s-mxy~="25.5"] {
  margin: 127.5px;
}

[fx-s-mx~="25.5"] {
  margin-left: 127.5px;
  margin-right: 127.5px;
}

[fx-s-my~="25.5"] {
  margin-top: 127.5px;
  margin-bottom: 127.5px;
}

[fx-s-ml~="25.5"] {
  margin-left: 127.5px;
}

[fx-s-mr~="25.5"] {
  margin-right: 127.5px;
}

[fx-s-mt~="25.5"] {
  margin-top: 127.5px;
}

[fx-s-mb~="25.5"] {
  margin-bottom: 127.5px;
}

[fx-s-pxy~="25.5"] {
  padding: 127.5px;
}

[fx-s-px~="25.5"] {
  padding-left: 127.5px;
  padding-right: 127.5px;
}

[fx-s-py~="25.5"] {
  padding-top: 127.5px;
  padding-bottom: 127.5px;
}

[fx-s-pl~="25.5"] {
  padding-left: 127.5px;
}

[fx-s-pr~="25.5"] {
  padding-right: 127.5px;
}

[fx-s-pt~="25.5"] {
  padding-top: 127.5px;
}

[fx-s-pb~="25.5"] {
  padding-bottom: 127.5px;
}

[fx-s-gutter~="25.5"] {
  margin-left: -63.75px;
  margin-right: -63.75px;
}

[fx-s-gutter~="25.5"]>[fx-s-col],
[fx-s-gutter~="25.5"]>[fx-s-flex] {
  padding-left: 63.75px;
  padding-right: 63.75px;
}

[fx-s-width~="25.5"] {
  width: 1275px !important;
}

[fx-s-max-width~="25.5"] {
  max-width: 1275px !important;
}

[fx-s-height~="25.5"] {
  height: 1275px !important;
}

[fx-s-max-height~="25.5"] {
  max-height: 1275px !important;
}

[fx-s-mxy~="26"] {
  margin: 130px;
}

[fx-s-mx~="26"] {
  margin-left: 130px;
  margin-right: 130px;
}

[fx-s-my~="26"] {
  margin-top: 130px;
  margin-bottom: 130px;
}

[fx-s-ml~="26"] {
  margin-left: 130px;
}

[fx-s-mr~="26"] {
  margin-right: 130px;
}

[fx-s-mt~="26"] {
  margin-top: 130px;
}

[fx-s-mb~="26"] {
  margin-bottom: 130px;
}

[fx-s-pxy~="26"] {
  padding: 130px;
}

[fx-s-px~="26"] {
  padding-left: 130px;
  padding-right: 130px;
}

[fx-s-py~="26"] {
  padding-top: 130px;
  padding-bottom: 130px;
}

[fx-s-pl~="26"] {
  padding-left: 130px;
}

[fx-s-pr~="26"] {
  padding-right: 130px;
}

[fx-s-pt~="26"] {
  padding-top: 130px;
}

[fx-s-pb~="26"] {
  padding-bottom: 130px;
}

[fx-s-gutter~="26"] {
  margin-left: -65px;
  margin-right: -65px;
}

[fx-s-gutter~="26"]>[fx-s-col],
[fx-s-gutter~="26"]>[fx-s-flex] {
  padding-left: 65px;
  padding-right: 65px;
}

[fx-s-width~="26"] {
  width: 1300px !important;
}

[fx-s-max-width~="26"] {
  max-width: 1300px !important;
}

[fx-s-height~="26"] {
  height: 1300px !important;
}

[fx-s-max-height~="26"] {
  max-height: 1300px !important;
}

[fx-s-mxy~="26.5"] {
  margin: 132.5px;
}

[fx-s-mx~="26.5"] {
  margin-left: 132.5px;
  margin-right: 132.5px;
}

[fx-s-my~="26.5"] {
  margin-top: 132.5px;
  margin-bottom: 132.5px;
}

[fx-s-ml~="26.5"] {
  margin-left: 132.5px;
}

[fx-s-mr~="26.5"] {
  margin-right: 132.5px;
}

[fx-s-mt~="26.5"] {
  margin-top: 132.5px;
}

[fx-s-mb~="26.5"] {
  margin-bottom: 132.5px;
}

[fx-s-pxy~="26.5"] {
  padding: 132.5px;
}

[fx-s-px~="26.5"] {
  padding-left: 132.5px;
  padding-right: 132.5px;
}

[fx-s-py~="26.5"] {
  padding-top: 132.5px;
  padding-bottom: 132.5px;
}

[fx-s-pl~="26.5"] {
  padding-left: 132.5px;
}

[fx-s-pr~="26.5"] {
  padding-right: 132.5px;
}

[fx-s-pt~="26.5"] {
  padding-top: 132.5px;
}

[fx-s-pb~="26.5"] {
  padding-bottom: 132.5px;
}

[fx-s-gutter~="26.5"] {
  margin-left: -66.25px;
  margin-right: -66.25px;
}

[fx-s-gutter~="26.5"]>[fx-s-col],
[fx-s-gutter~="26.5"]>[fx-s-flex] {
  padding-left: 66.25px;
  padding-right: 66.25px;
}

[fx-s-width~="26.5"] {
  width: 1325px !important;
}

[fx-s-max-width~="26.5"] {
  max-width: 1325px !important;
}

[fx-s-height~="26.5"] {
  height: 1325px !important;
}

[fx-s-max-height~="26.5"] {
  max-height: 1325px !important;
}

[fx-s-mxy~="27"] {
  margin: 135px;
}

[fx-s-mx~="27"] {
  margin-left: 135px;
  margin-right: 135px;
}

[fx-s-my~="27"] {
  margin-top: 135px;
  margin-bottom: 135px;
}

[fx-s-ml~="27"] {
  margin-left: 135px;
}

[fx-s-mr~="27"] {
  margin-right: 135px;
}

[fx-s-mt~="27"] {
  margin-top: 135px;
}

[fx-s-mb~="27"] {
  margin-bottom: 135px;
}

[fx-s-pxy~="27"] {
  padding: 135px;
}

[fx-s-px~="27"] {
  padding-left: 135px;
  padding-right: 135px;
}

[fx-s-py~="27"] {
  padding-top: 135px;
  padding-bottom: 135px;
}

[fx-s-pl~="27"] {
  padding-left: 135px;
}

[fx-s-pr~="27"] {
  padding-right: 135px;
}

[fx-s-pt~="27"] {
  padding-top: 135px;
}

[fx-s-pb~="27"] {
  padding-bottom: 135px;
}

[fx-s-gutter~="27"] {
  margin-left: -67.5px;
  margin-right: -67.5px;
}

[fx-s-gutter~="27"]>[fx-s-col],
[fx-s-gutter~="27"]>[fx-s-flex] {
  padding-left: 67.5px;
  padding-right: 67.5px;
}

[fx-s-width~="27"] {
  width: 1350px !important;
}

[fx-s-max-width~="27"] {
  max-width: 1350px !important;
}

[fx-s-height~="27"] {
  height: 1350px !important;
}

[fx-s-max-height~="27"] {
  max-height: 1350px !important;
}

[fx-s-mxy~="27.5"] {
  margin: 137.5px;
}

[fx-s-mx~="27.5"] {
  margin-left: 137.5px;
  margin-right: 137.5px;
}

[fx-s-my~="27.5"] {
  margin-top: 137.5px;
  margin-bottom: 137.5px;
}

[fx-s-ml~="27.5"] {
  margin-left: 137.5px;
}

[fx-s-mr~="27.5"] {
  margin-right: 137.5px;
}

[fx-s-mt~="27.5"] {
  margin-top: 137.5px;
}

[fx-s-mb~="27.5"] {
  margin-bottom: 137.5px;
}

[fx-s-pxy~="27.5"] {
  padding: 137.5px;
}

[fx-s-px~="27.5"] {
  padding-left: 137.5px;
  padding-right: 137.5px;
}

[fx-s-py~="27.5"] {
  padding-top: 137.5px;
  padding-bottom: 137.5px;
}

[fx-s-pl~="27.5"] {
  padding-left: 137.5px;
}

[fx-s-pr~="27.5"] {
  padding-right: 137.5px;
}

[fx-s-pt~="27.5"] {
  padding-top: 137.5px;
}

[fx-s-pb~="27.5"] {
  padding-bottom: 137.5px;
}

[fx-s-gutter~="27.5"] {
  margin-left: -68.75px;
  margin-right: -68.75px;
}

[fx-s-gutter~="27.5"]>[fx-s-col],
[fx-s-gutter~="27.5"]>[fx-s-flex] {
  padding-left: 68.75px;
  padding-right: 68.75px;
}

[fx-s-width~="27.5"] {
  width: 1375px !important;
}

[fx-s-max-width~="27.5"] {
  max-width: 1375px !important;
}

[fx-s-height~="27.5"] {
  height: 1375px !important;
}

[fx-s-max-height~="27.5"] {
  max-height: 1375px !important;
}

[fx-s-mxy~="28"] {
  margin: 140px;
}

[fx-s-mx~="28"] {
  margin-left: 140px;
  margin-right: 140px;
}

[fx-s-my~="28"] {
  margin-top: 140px;
  margin-bottom: 140px;
}

[fx-s-ml~="28"] {
  margin-left: 140px;
}

[fx-s-mr~="28"] {
  margin-right: 140px;
}

[fx-s-mt~="28"] {
  margin-top: 140px;
}

[fx-s-mb~="28"] {
  margin-bottom: 140px;
}

[fx-s-pxy~="28"] {
  padding: 140px;
}

[fx-s-px~="28"] {
  padding-left: 140px;
  padding-right: 140px;
}

[fx-s-py~="28"] {
  padding-top: 140px;
  padding-bottom: 140px;
}

[fx-s-pl~="28"] {
  padding-left: 140px;
}

[fx-s-pr~="28"] {
  padding-right: 140px;
}

[fx-s-pt~="28"] {
  padding-top: 140px;
}

[fx-s-pb~="28"] {
  padding-bottom: 140px;
}

[fx-s-gutter~="28"] {
  margin-left: -70px;
  margin-right: -70px;
}

[fx-s-gutter~="28"]>[fx-s-col],
[fx-s-gutter~="28"]>[fx-s-flex] {
  padding-left: 70px;
  padding-right: 70px;
}

[fx-s-width~="28"] {
  width: 1400px !important;
}

[fx-s-max-width~="28"] {
  max-width: 1400px !important;
}

[fx-s-height~="28"] {
  height: 1400px !important;
}

[fx-s-max-height~="28"] {
  max-height: 1400px !important;
}

[fx-s-mxy~="28.5"] {
  margin: 142.5px;
}

[fx-s-mx~="28.5"] {
  margin-left: 142.5px;
  margin-right: 142.5px;
}

[fx-s-my~="28.5"] {
  margin-top: 142.5px;
  margin-bottom: 142.5px;
}

[fx-s-ml~="28.5"] {
  margin-left: 142.5px;
}

[fx-s-mr~="28.5"] {
  margin-right: 142.5px;
}

[fx-s-mt~="28.5"] {
  margin-top: 142.5px;
}

[fx-s-mb~="28.5"] {
  margin-bottom: 142.5px;
}

[fx-s-pxy~="28.5"] {
  padding: 142.5px;
}

[fx-s-px~="28.5"] {
  padding-left: 142.5px;
  padding-right: 142.5px;
}

[fx-s-py~="28.5"] {
  padding-top: 142.5px;
  padding-bottom: 142.5px;
}

[fx-s-pl~="28.5"] {
  padding-left: 142.5px;
}

[fx-s-pr~="28.5"] {
  padding-right: 142.5px;
}

[fx-s-pt~="28.5"] {
  padding-top: 142.5px;
}

[fx-s-pb~="28.5"] {
  padding-bottom: 142.5px;
}

[fx-s-gutter~="28.5"] {
  margin-left: -71.25px;
  margin-right: -71.25px;
}

[fx-s-gutter~="28.5"]>[fx-s-col],
[fx-s-gutter~="28.5"]>[fx-s-flex] {
  padding-left: 71.25px;
  padding-right: 71.25px;
}

[fx-s-width~="28.5"] {
  width: 1425px !important;
}

[fx-s-max-width~="28.5"] {
  max-width: 1425px !important;
}

[fx-s-height~="28.5"] {
  height: 1425px !important;
}

[fx-s-max-height~="28.5"] {
  max-height: 1425px !important;
}

[fx-s-mxy~="29"] {
  margin: 145px;
}

[fx-s-mx~="29"] {
  margin-left: 145px;
  margin-right: 145px;
}

[fx-s-my~="29"] {
  margin-top: 145px;
  margin-bottom: 145px;
}

[fx-s-ml~="29"] {
  margin-left: 145px;
}

[fx-s-mr~="29"] {
  margin-right: 145px;
}

[fx-s-mt~="29"] {
  margin-top: 145px;
}

[fx-s-mb~="29"] {
  margin-bottom: 145px;
}

[fx-s-pxy~="29"] {
  padding: 145px;
}

[fx-s-px~="29"] {
  padding-left: 145px;
  padding-right: 145px;
}

[fx-s-py~="29"] {
  padding-top: 145px;
  padding-bottom: 145px;
}

[fx-s-pl~="29"] {
  padding-left: 145px;
}

[fx-s-pr~="29"] {
  padding-right: 145px;
}

[fx-s-pt~="29"] {
  padding-top: 145px;
}

[fx-s-pb~="29"] {
  padding-bottom: 145px;
}

[fx-s-gutter~="29"] {
  margin-left: -72.5px;
  margin-right: -72.5px;
}

[fx-s-gutter~="29"]>[fx-s-col],
[fx-s-gutter~="29"]>[fx-s-flex] {
  padding-left: 72.5px;
  padding-right: 72.5px;
}

[fx-s-width~="29"] {
  width: 1450px !important;
}

[fx-s-max-width~="29"] {
  max-width: 1450px !important;
}

[fx-s-height~="29"] {
  height: 1450px !important;
}

[fx-s-max-height~="29"] {
  max-height: 1450px !important;
}

[fx-s-mxy~="29.5"] {
  margin: 147.5px;
}

[fx-s-mx~="29.5"] {
  margin-left: 147.5px;
  margin-right: 147.5px;
}

[fx-s-my~="29.5"] {
  margin-top: 147.5px;
  margin-bottom: 147.5px;
}

[fx-s-ml~="29.5"] {
  margin-left: 147.5px;
}

[fx-s-mr~="29.5"] {
  margin-right: 147.5px;
}

[fx-s-mt~="29.5"] {
  margin-top: 147.5px;
}

[fx-s-mb~="29.5"] {
  margin-bottom: 147.5px;
}

[fx-s-pxy~="29.5"] {
  padding: 147.5px;
}

[fx-s-px~="29.5"] {
  padding-left: 147.5px;
  padding-right: 147.5px;
}

[fx-s-py~="29.5"] {
  padding-top: 147.5px;
  padding-bottom: 147.5px;
}

[fx-s-pl~="29.5"] {
  padding-left: 147.5px;
}

[fx-s-pr~="29.5"] {
  padding-right: 147.5px;
}

[fx-s-pt~="29.5"] {
  padding-top: 147.5px;
}

[fx-s-pb~="29.5"] {
  padding-bottom: 147.5px;
}

[fx-s-gutter~="29.5"] {
  margin-left: -73.75px;
  margin-right: -73.75px;
}

[fx-s-gutter~="29.5"]>[fx-s-col],
[fx-s-gutter~="29.5"]>[fx-s-flex] {
  padding-left: 73.75px;
  padding-right: 73.75px;
}

[fx-s-width~="29.5"] {
  width: 1475px !important;
}

[fx-s-max-width~="29.5"] {
  max-width: 1475px !important;
}

[fx-s-height~="29.5"] {
  height: 1475px !important;
}

[fx-s-max-height~="29.5"] {
  max-height: 1475px !important;
}

[fx-s-mxy~="30"] {
  margin: 150px;
}

[fx-s-mx~="30"] {
  margin-left: 150px;
  margin-right: 150px;
}

[fx-s-my~="30"] {
  margin-top: 150px;
  margin-bottom: 150px;
}

[fx-s-ml~="30"] {
  margin-left: 150px;
}

[fx-s-mr~="30"] {
  margin-right: 150px;
}

[fx-s-mt~="30"] {
  margin-top: 150px;
}

[fx-s-mb~="30"] {
  margin-bottom: 150px;
}

[fx-s-pxy~="30"] {
  padding: 150px;
}

[fx-s-px~="30"] {
  padding-left: 150px;
  padding-right: 150px;
}

[fx-s-py~="30"] {
  padding-top: 150px;
  padding-bottom: 150px;
}

[fx-s-pl~="30"] {
  padding-left: 150px;
}

[fx-s-pr~="30"] {
  padding-right: 150px;
}

[fx-s-pt~="30"] {
  padding-top: 150px;
}

[fx-s-pb~="30"] {
  padding-bottom: 150px;
}

[fx-s-gutter~="30"] {
  margin-left: -75px;
  margin-right: -75px;
}

[fx-s-gutter~="30"]>[fx-s-col],
[fx-s-gutter~="30"]>[fx-s-flex] {
  padding-left: 75px;
  padding-right: 75px;
}

[fx-s-width~="30"] {
  width: 1500px !important;
}

[fx-s-max-width~="30"] {
  max-width: 1500px !important;
}

[fx-s-height~="30"] {
  height: 1500px !important;
}

[fx-s-max-height~="30"] {
  max-height: 1500px !important;
}

[fx-s-mxy~="30.5"] {
  margin: 152.5px;
}

[fx-s-mx~="30.5"] {
  margin-left: 152.5px;
  margin-right: 152.5px;
}

[fx-s-my~="30.5"] {
  margin-top: 152.5px;
  margin-bottom: 152.5px;
}

[fx-s-ml~="30.5"] {
  margin-left: 152.5px;
}

[fx-s-mr~="30.5"] {
  margin-right: 152.5px;
}

[fx-s-mt~="30.5"] {
  margin-top: 152.5px;
}

[fx-s-mb~="30.5"] {
  margin-bottom: 152.5px;
}

[fx-s-pxy~="30.5"] {
  padding: 152.5px;
}

[fx-s-px~="30.5"] {
  padding-left: 152.5px;
  padding-right: 152.5px;
}

[fx-s-py~="30.5"] {
  padding-top: 152.5px;
  padding-bottom: 152.5px;
}

[fx-s-pl~="30.5"] {
  padding-left: 152.5px;
}

[fx-s-pr~="30.5"] {
  padding-right: 152.5px;
}

[fx-s-pt~="30.5"] {
  padding-top: 152.5px;
}

[fx-s-pb~="30.5"] {
  padding-bottom: 152.5px;
}

[fx-s-gutter~="30.5"] {
  margin-left: -76.25px;
  margin-right: -76.25px;
}

[fx-s-gutter~="30.5"]>[fx-s-col],
[fx-s-gutter~="30.5"]>[fx-s-flex] {
  padding-left: 76.25px;
  padding-right: 76.25px;
}

[fx-s-width~="30.5"] {
  width: 1525px !important;
}

[fx-s-max-width~="30.5"] {
  max-width: 1525px !important;
}

[fx-s-height~="30.5"] {
  height: 1525px !important;
}

[fx-s-max-height~="30.5"] {
  max-height: 1525px !important;
}

[fx-s-col~="1"],
.fx-s-col-1 {
  width: 8.3333333333%;
}

[fx-s-flex~="1"],
.fx-s-flex-1 {
  flex: 1;
}

[fx-s-col-offset~="1"],
.fx-s-col-offset-1 {
  margin-left: 8.3333333333%;
}

@media screen and (max-width: 1200px) {
  [fx-s-col-md~="1"],
  .fx-s-col-md-1 {
    width: 8.3333333333% !important;
  }
}

[fx-s-col~="2"],
.fx-s-col-2 {
  width: 16.6666666667%;
}

[fx-s-flex~="2"],
.fx-s-flex-2 {
  flex: 2;
}

[fx-s-col-offset~="2"],
.fx-s-col-offset-2 {
  margin-left: 16.6666666667%;
}

@media screen and (max-width: 1200px) {
  [fx-s-col-md~="2"],
  .fx-s-col-md-2 {
    width: 16.6666666667% !important;
  }
}

[fx-s-col~="3"],
.fx-s-col-3 {
  width: 25%;
}

[fx-s-flex~="3"],
.fx-s-flex-3 {
  flex: 3;
}

[fx-s-col-offset~="3"],
.fx-s-col-offset-3 {
  margin-left: 25%;
}

@media screen and (max-width: 1200px) {
  [fx-s-col-md~="3"],
  .fx-s-col-md-3 {
    width: 25% !important;
  }
}

[fx-s-col~="4"],
.fx-s-col-4 {
  width: 33.3333333333%;
}

[fx-s-flex~="4"],
.fx-s-flex-4 {
  flex: 4;
}

[fx-s-col-offset~="4"],
.fx-s-col-offset-4 {
  margin-left: 33.3333333333%;
}

@media screen and (max-width: 1200px) {
  [fx-s-col-md~="4"],
  .fx-s-col-md-4 {
    width: 33.3333333333% !important;
  }
}

[fx-s-col~="5"],
.fx-s-col-5 {
  width: 41.6666666667%;
}

[fx-s-flex~="5"],
.fx-s-flex-5 {
  flex: 5;
}

[fx-s-col-offset~="5"],
.fx-s-col-offset-5 {
  margin-left: 41.6666666667%;
}

@media screen and (max-width: 1200px) {
  [fx-s-col-md~="5"],
  .fx-s-col-md-5 {
    width: 41.6666666667% !important;
  }
}

[fx-s-col~="6"],
.fx-s-col-6 {
  width: 50%;
}

[fx-s-flex~="6"],
.fx-s-flex-6 {
  flex: 6;
}

[fx-s-col-offset~="6"],
.fx-s-col-offset-6 {
  margin-left: 50%;
}

@media screen and (max-width: 1200px) {
  [fx-s-col-md~="6"],
  .fx-s-col-md-6 {
    width: 50% !important;
  }
}

[fx-s-col~="7"],
.fx-s-col-7 {
  width: 58.3333333333%;
}

[fx-s-flex~="7"],
.fx-s-flex-7 {
  flex: 7;
}

[fx-s-col-offset~="7"],
.fx-s-col-offset-7 {
  margin-left: 58.3333333333%;
}

@media screen and (max-width: 1200px) {
  [fx-s-col-md~="7"],
  .fx-s-col-md-7 {
    width: 58.3333333333% !important;
  }
}

[fx-s-col~="8"],
.fx-s-col-8 {
  width: 66.6666666667%;
}

[fx-s-flex~="8"],
.fx-s-flex-8 {
  flex: 8;
}

[fx-s-col-offset~="8"],
.fx-s-col-offset-8 {
  margin-left: 66.6666666667%;
}

@media screen and (max-width: 1200px) {
  [fx-s-col-md~="8"],
  .fx-s-col-md-8 {
    width: 66.6666666667% !important;
  }
}

[fx-s-col~="9"],
.fx-s-col-9 {
  width: 75%;
}

[fx-s-flex~="9"],
.fx-s-flex-9 {
  flex: 9;
}

[fx-s-col-offset~="9"],
.fx-s-col-offset-9 {
  margin-left: 75%;
}

@media screen and (max-width: 1200px) {
  [fx-s-col-md~="9"],
  .fx-s-col-md-9 {
    width: 75% !important;
  }
}

[fx-s-col~="10"],
.fx-s-col-10 {
  width: 83.3333333333%;
}

[fx-s-flex~="10"],
.fx-s-flex-10 {
  flex: 10;
}

[fx-s-col-offset~="10"],
.fx-s-col-offset-10 {
  margin-left: 83.3333333333%;
}

@media screen and (max-width: 1200px) {
  [fx-s-col-md~="10"],
  .fx-s-col-md-10 {
    width: 83.3333333333% !important;
  }
}

[fx-s-col~="11"],
.fx-s-col-11 {
  width: 91.6666666667%;
}

[fx-s-flex~="11"],
.fx-s-flex-11 {
  flex: 11;
}

[fx-s-col-offset~="11"],
.fx-s-col-offset-11 {
  margin-left: 91.6666666667%;
}

@media screen and (max-width: 1200px) {
  [fx-s-col-md~="11"],
  .fx-s-col-md-11 {
    width: 91.6666666667% !important;
  }
}

[fx-s-col~="12"],
.fx-s-col-12 {
  width: 100%;
}

[fx-s-flex~="12"],
.fx-s-flex-12 {
  flex: 12;
}

[fx-s-col-offset~="12"],
.fx-s-col-offset-12 {
  margin-left: 100%;
}

@media screen and (max-width: 1200px) {
  [fx-s-col-md~="12"],
  .fx-s-col-md-12 {
    width: 100% !important;
  }
}

[fx-s-row~="1"],
.fx-s-row-1 {
  height: 20px;
}

[fx-s-row~="2"],
.fx-s-row-2 {
  height: 40px;
}

[fx-s-row~="3"],
.fx-s-row-3 {
  height: 60px;
}

[fx-s-row~="4"],
.fx-s-row-4 {
  height: 80px;
}

[fx-s-row~="5"],
.fx-s-row-5 {
  height: 100px;
}

[fx-s-row~="6"],
.fx-s-row-6 {
  height: 120px;
}

@media screen and (max-width: 767px) {
  [fx-s-hide-sm] {
    display: none !important;
  }
}

@media screen and (min-width: 767px) {
  [fx-s-hide-lg] {
    display: none !important;
  }
}

[fx-t-ellipsis~="1"],
.text-ellipsis-1 {
  max-width: 50px;
}

[fx-t-ellipsis~="2"],
.text-ellipsis-1 {
  max-width: 100px;
}

[fx-t-ellipsis~="3"],
.text-ellipsis-1 {
  max-width: 150px;
}

[fx-t-font~=ul-disc],
.fx-t-font-ul-disc {
  list-style: disc;
}

[fx-t-line~="1"] {
  line-height: 1 !important;
}

[fx-t-line~="1.1"] {
  line-height: 1.1 !important;
}

[fx-t-line~="1.2"] {
  line-height: 1.2 !important;
}

[fx-t-line~="1.3"] {
  line-height: 1.3 !important;
}

[fx-t-line~="1.4"] {
  line-height: 1.4 !important;
}

[fx-t-line~="1.5"] {
  line-height: 1.5 !important;
}

[fx-t-line~="1.6"] {
  line-height: 1.6 !important;
}

[fx-t-line~="1.7"] {
  line-height: 1.7 !important;
}

[fx-t-line~="1.8"] {
  line-height: 1.8 !important;
}

[fx-t-line~="1.9"] {
  line-height: 1.9 !important;
}

[fx-i-hover] [fx-i-show] {
  opacity: 0;
}

[fx-i-hover]:hover [fx-i-hide] {
  opacity: 0;
}

[fx-i-hover]:hover [fx-i-show] {
  opacity: 1;
}

.a-repeater-grow.ng-enter {
  max-height: 0;
  opacity: 0;
  transform: scale(0);
}

.a-repeater-grow.ng-enter-active {
  opacity: 1;
  animation: growHeight 2s ease-in-out;
}

.a-repeater-grow.ng-leave {
  max-height: 50px;
  opacity: 1;
  transform: scale(1);
}

.a-repeater-grow.ng-leave-active {
  opacity: 0;
  animation: shrinkHeight 2s ease-out;
}

.a-dim {
  opacity: .2;
}

.a-dim.a-dim-add,
.a-dim.a-dim-add-active,
.a-dim.a-dim-remove,
.a-dim.a-dim-remove-active {
  transition: opacity .35s ease-in-out;
}

.a-dim.a-dim-add {
  opacity: 1;
}

.a-dim.a-dim-add.a-dim-add-active {
  opacity: .2;
}

.a-dim.a-dim-remove {
  opacity: .2;
}

.a-dim.a-dim-remove.a-dim-remove-active {
  opacity: 1;
}

.o-dim {
  opacity: 1;
}

.o-dim.a-dim-add,
.o-dim.a-dim-add-active,
.o-dim.a-dim-remove,
.o-dim.a-dim-remove-active {
  transition: opacity 35s ease-in-out;
}

.o-dim.a-dim-add {
  opacity: 1;
}

.o-dim.a-dim-add.a-dim-add-active {
  opacity: 0;
}

.o-dim.a-dim-remove {
  opacity: 0;
}

.o-dim.a-dim-remove.a-dim-remove-active {
  opacity: 1;
}

.a-pane-container {
  width: 200%;
  overflow: hidden;
}

.a-pane-left {
  width: 50%;
  float: left;
}

.a-pane-left.ng-enter,
.a-pane-left.ng-enter-active,
.a-pane-left.ng-leave,
.a-pane-left.ng-leave-active,
.a-pane-left.ng-hide-remove,
.a-pane-left.ng-hide-remove-active,
.a-pane-left.ng-hide-add,
.a-pane-left.ng-hide-add-active {
  transition: .3s ease-in-out all;
}

.a-pane-left.ng-enter,
.a-pane-left.ng-hide-remove {
  transform: translate3d(-100%, 0, 0);
  opacity: 0;
}

.a-pane-left.ng-enter-active,
.a-pane-left.ng-hide-remove-active {
  transform: translate3d(0%, 0, 0);
  opacity: 1;
}

.a-pane-left.ng-leave,
.a-pane-left.ng-hide-add {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.a-pane-left.ng-leave-active,
.a-pane-left.ng-hide-add-active {
  transform: translate3d(-100%, 0, 0);
  opacity: 0;
}

.a-pane-right {
  width: 50%;
  float: left;
  max-height: 200px;
  overflow: auto;
}

.a-pane-right.ng-enter,
.a-pane-right.ng-enter-active,
.a-pane-right.ng-leave,
.a-pane-right.ng-leave-active,
.a-pane-right.ng-hide-remove,
.a-pane-right.ng-hide-remove-active,
.a-pane-right.ng-hide-add,
.a-pane-right.ng-hide-add-active {
  transition: .3s ease-in-out all;
}

.a-pane-right.ng-enter,
.a-pane-right.ng-hide-remove {
  transform: translate3d(0%, 0, 0);
  opacity: 0;
}

.a-pane-right.ng-enter-active,
.a-pane-right.ng-hide-remove-active {
  transform: translate3d(-100%, 0, 0);
  opacity: 1;
}

.a-pane-right.ng-leave,
.a-pane-right.ng-hide-add {
  transform: translate3d(-100%, 0, 0);
  opacity: 1;
}

.a-pane-right.ng-leave-active,
.a-pane-right.ng-hide-add-active {
  transform: translate3d(0, 0, 0);
  opacity: 0;
}

.a-fade.ng-hide-add,
.a-fade.ng-hide-add-active,
.a-fade.ng-hide-remove-active,
.a-fade.ng-hide-remove,
.a-fade.ng-enter,
.a-fade.ng-enter-active,
.a-fade.ng-leave,
.a-fade.ng-enter-active {
  transition: opacity 0s;
}

.a-fade.ng-hide-add,
.a-fade.ng-leave {
  opacity: 1;
}

.a-fade.ng-hide-add.ng-hide-add-active,
.a-fade.ng-hide-add.ng-leave-active,
.a-fade.ng-leave.ng-hide-add-active,
.a-fade.ng-leave.ng-leave-active {
  opacity: 0;
}

.a-fade.ng-hide-remove,
.a-fade.ng-enter {
  opacity: 0;
}

.a-fade.ng-hide-remove.ng-hide-remove-active,
.a-fade.ng-hide-remove.ng-enter-active,
.a-fade.ng-enter.ng-hide-remove-active,
.a-fade.ng-enter.ng-enter-active {
  opacity: 1;
}

.b-fade.ng-hide-add,
.b-fade.ng-hide-add-active,
.b-fade.ng-hide-remove-active,
.b-fade.ng-hide-remove,
.b-fade.ng-enter,
.b-fade.ng-enter-active,
.b-fade.ng-leave,
.b-fade.ng-enter-active {
  transition: opacity 0s;
}

.b-fade.ng-hide-add,
.b-fade.ng-leave {
  opacity: .85;
}

.b-fade.ng-hide-add.ng-hide-add-active,
.b-fade.ng-hide-add.ng-leave-active,
.b-fade.ng-leave.ng-hide-add-active,
.b-fade.ng-leave.ng-leave-active {
  opacity: 0;
}

.b-fade.ng-hide-remove,
.b-fade.ng-enter {
  opacity: 0;
}

.b-fade.ng-hide-remove.ng-hide-remove-active,
.b-fade.ng-hide-remove.ng-enter-active,
.b-fade.ng-enter.ng-hide-remove-active,
.b-fade.ng-enter.ng-enter-active {
  opacity: .85;
}

.c-fade {
  background: #fff;
}

.c-fade.ng-hide-add,
.c-fade.ng-hide-add-active,
.c-fade.ng-hide-remove-active,
.c-fade.ng-hide-remove,
.c-fade.ng-enter,
.c-fade.ng-enter-active,
.c-fade.ng-leave,
.c-fade.ng-enter-active {
  transition: opacity ease-in-out .15s;
}

.c-fade.ng-hide-add,
.c-fade.ng-leave {
  opacity: .66 !important;
}

.c-fade.ng-hide-add.ng-hide-add-active,
.c-fade.ng-hide-add.ng-leave-active,
.c-fade.ng-leave.ng-hide-add-active,
.c-fade.ng-leave.ng-leave-active {
  opacity: .33;
}

.c-fade.ng-hide-remove,
.c-fade.ng-enter {
  opacity: .33;
}

.c-fade.ng-hide-remove.ng-hide-remove-active,
.c-fade.ng-hide-remove.ng-enter-active,
.c-fade.ng-enter.ng-hide-remove-active,
.c-fade.ng-enter.ng-enter-active {
  opacity: .66 !important;
}

.a-slide-up.ng-hide-add,
.a-slide-up.ng-hide-remove {
  transition: all .55s ease-in-out;
}

.a-slide-up.ng-hide-add {
  transform: translate3d(0, 0, 0);
}

.a-slide-up.ng-hide-add.ng-hide-add-active {
  transform: translate3d(0, 100%, 0);
}

.a-slide-up.ng-hide-remove {
  transform: translate3d(0, 100%, 0);
}

.a-slide-up.ng-hide-remove.ng-hide-remove-active {
  transform: translate3d(0, 0, 0);
}

.a-slide-left.ng-hide {
  transform: translate3d(100%, 0, 0);
}

.a-slide-left.ng-hide-add,
.a-slide-left.ng-hide-remove {
  transition: all .55s ease-in-out .3s;
}

.a-slide-left.ng-hide-add {
  transform: translate3d(0, 0, 0);
}

.a-slide-left.ng-hide-add.ng-hide-add-active {
  transform: translate3d(100%, 0, 0);
}

.a-slide-left.ng-hide-remove {
  transform: translate3d(100%, 0, 0);
}

.a-slide-left.ng-hide-remove.ng-hide-remove-active {
  transform: translate3d(0, 0, 0);
}

.a-slide-right.ng-hide-add,
.a-slide-right.ng-hide-remove {
  transition: all .55s ease-in-out .3s;
}

.a-slide-right.ng-hide-add {
  transform: translate3d(0, 0, 0);
}

.a-slide-right.ng-hide-add.ng-hide-add-active {
  transform: translate3d(-100%, 0, 0);
}

.a-slide-right.ng-hide-remove {
  transform: translate3d(-100%, 0, 0);
}

.a-slide-right.ng-hide-remove.ng-hide-remove-active {
  transform: translate3d(0, 0, 0);
}

@keyframes growHeight {
  to {
    max-height: 50px;
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes shrinkHeight {
  to {
    max-height: 0;
    opacity: 0;
    transform: scale(0);
  }
}

.fade {
  opacity: 0;
  transition: opacity .15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
  visibility: hidden;
}

.collapse.in {
  display: block;
  visibility: visible;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-property: height,visibility;
  transition-duration: .35s;
  transition-timing-function: ease;
}

.fa-animate {
  transition: all .2s ease-in-out;
}

.loader-icon-contain {
  width: 10px;
  height: 10px;
  position: relative;
  display: inline-block;
}

.loader,
.loader>div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.loader {
  display: block;
  font-size: 0;
  color: #fff;
}

.loader.loader--dark {
  color: #302b27;
}

.loader>div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 2px solid currentColor;
}

.loader--relative .loader {
  position: relative !important;
}

.loader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  width: 44px;
  height: 44px;
}

.loader>div {
  position: absolute;
  top: 0;
  left: 0;
  width: 44px;
  height: 44px;
  background: rgba(0,0,0,0);
  border-width: 4px;
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
  -moz-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
  -o-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
  animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
}

.loader>div:nth-child(1) {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}

.loader>div:nth-child(2) {
  -webkit-animation-delay: .25s;
  -moz-animation-delay: .25s;
  -o-animation-delay: .25s;
  animation-delay: .25s;
}

.loader>div:nth-child(3) {
  -webkit-animation-delay: .5s;
  -moz-animation-delay: .5s;
  -o-animation-delay: .5s;
  animation-delay: .5s;
}

.loader.fx-sm {
  width: 16px;
  height: 16px;
}

.loader.fx-sm>div {
  width: 16px;
  height: 16px;
  border-width: 1px;
}

.loader.fx-2x {
  width: 64px;
  height: 64px;
}

.loader.fx-2x>div {
  width: 64px;
  height: 64px;
  border-width: 4px;
}

.loader.fx-3x {
  width: 96px;
  height: 96px;
}

.loader.fx-3x>div {
  width: 96px;
  height: 96px;
  border-width: 6px;
}

@-webkit-keyframes ball-scale-ripple-multiple {
  0% {
    opacity: 1;
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
  }

  70% {
    opacity: .5;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  95% {
    opacity: 0;
  }
}

@-moz-keyframes ball-scale-ripple-multiple {
  0% {
    opacity: 1;
    -moz-transform: scale(0.1);
    transform: scale(0.1);
  }

  70% {
    opacity: .5;
    -moz-transform: scale(1);
    transform: scale(1);
  }

  95% {
    opacity: 0;
  }
}

@-o-keyframes ball-scale-ripple-multiple {
  0% {
    opacity: 1;
    -o-transform: scale(0.1);
    transform: scale(0.1);
  }

  70% {
    opacity: .5;
    -o-transform: scale(1);
    transform: scale(1);
  }

  95% {
    opacity: 0;
  }
}

@keyframes ball-scale-ripple-multiple {
  0% {
    opacity: 1;
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -o-transform: scale(0.1);
    transform: scale(0.1);
  }

  70% {
    opacity: .5;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  95% {
    opacity: 0;
  }
}

.fx-a-scale-in {
  transform: scale(1);
}

.fx-a-scale-in.ng-enter {
  transform: scale(0);
}

.fx-a-scale-in.ng-enter-active {
  transform: scale(1);
  transition: all .2s cubic-bezier(0.25, 1, 0.5, 1.25);
}

.fx-a-scale-in.ng-leave {
  transform: scale(1);
}

.fx-a-scale-in.ng-leave-active {
  transform: scale(0);
  transition: all .2s cubic-bezier(0.25, 1, 0.5, 1);
}

.fx-a-fade-up {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: all .5s;
}

.fx-a-fade-up.ng-enter {
  opacity: 0;
  transform: translate3d(0, 5px, 0);
}

.fx-a-fade-up.ng-enter-active {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.fx-accordion {
  position: relative;
}

.fx-accordion-group {
  position: relative;
  transition: all .2s ease-in-out;
}

.fx-accordion-group>.fx-accordion-header {
  border-bottom: 2px solid #7d7a78;
}

.fx-accordion-group:first-child>.fx-accordion-header {
  border-top: 2px solid #7d7a78;
}

.fx-accordion-group:hover:not(.fx-accordion-group--active)>.fx-accordion-header {
  border-color: #706d6c;
}

.fx-accordion-header {
  background: #cfccca;
  color: #7d7a78;
  padding: 10.5px 15.75px;
  font-weight: bold;
  width: 100%;
  cursor: pointer;
}

.fx-accordion-header:hover {
  background: #d4d1cf;
}

.fx-accordion-header:active {
  background: #c8c4c2;
}

.fx-accordion-body {
  padding: 20px 10px;
}

.fx-accordion-group--active {
  border: 0;
  transition: all .2s ease-in-out;
}

.fx-accordion-group--active .fx-accordion-header {
  border-top: 2px solid #7d7a78;
  border-bottom: 2px solid #7d7a78;
  color: #5c5854;
  transition: all .2s ease-in-out;
}

.fx-accordion-group--active:first-child {
  border-top: 0;
  margin-bottom: 20px;
}

.fx-accordion-group--active:not(:first-child):not(:last-child) {
  margin-bottom: 20px;
  margin-top: 20px;
}

.fx-accordion-group--active:last-child {
  margin-top: 20px;
}

.fx-accordion-group--active+.fx-accordion-group:not(.fx-accordion-group--active)>.fx-accordion-header {
  border-top: 2px solid #7d7a78;
}

.fx-badge {
  border-radius: 2px;
  color: #fff;
  padding: 7px 10.5px;
  display: inline-block;
}

.fx-badge--xs {
  padding: 3px 5px 1px;
  font-size: 9px;
}

.fx-badge--sm {
  padding: 4px 8px;
}

.fx-badge--interact {
  cursor: pointer;
}

.fx-badge--interact:hover {
  text-decoration: line-through;
}

.fx-badge--disabled {
  background: #eceae9;
}

.fx-badge--mono {
  background: #cfccca;
  color: #fff;
}

.fx-badge--accent {
  background: #4d577b;
}

.fx-badge--primary {
  background: #004cff;
}

.fx-badge--yellow {
  background: #e8af52;
}

.fx-badge--success {
  background: #7dd366;
}

.fx-badge--warning {
  background: #e9b049;
}

.fx-badge--danger {
  background: #ef5c48;
}

.fx-btn-primary {
  background: #004cff;
  color: #fff;
  border: 2px solid #0023b3;
  text-shadow: 0 -1px 0 #004cff;
  font-family: "IBM Plex Sans",sans-serif !important;
}

.fx-btn-primary svg {
  fill: #fff;
}

.fx-btn-primary:hover:not([disabled=disabled]) {
  background: #0f57ff;
}

.fx-btn-primary:active:not([disabled=disabled]) {
  background: #004cff;
}

.fx-btn-primary[disabled=disabled] {
  background: #cfccca;
  color: #7d7a78;
  border-color: #b7b2af;
  cursor: default;
  text-shadow: none;
  opacity: .6;
  box-shadow: none !important;
}

.fx-btn-accent {
  background: #4d577b;
  color: #fff;
  border: 2px solid #30334c;
  text-shadow: 0 -1px 0 #4d577b;
  font-family: "IBM Plex Sans",sans-serif !important;
}

.fx-btn-accent svg {
  fill: #fff;
}

.fx-btn-accent:hover:not([disabled=disabled]) {
  background: #535e84;
}

.fx-btn-accent:active:not([disabled=disabled]) {
  background: #4d577b;
}

.fx-btn-accent[disabled=disabled] {
  background: #cfccca;
  color: #7d7a78;
  border-color: #b7b2af;
  cursor: default;
  text-shadow: none;
  opacity: .6;
  box-shadow: none !important;
}

.fx-btn-success {
  background: #7dd366;
  color: #fff;
  border: 2px solid #43b835;
  text-shadow: 0 -1px 0 #7dd366;
  font-family: "IBM Plex Sans",sans-serif !important;
}

.fx-btn-success svg {
  fill: #fff;
}

.fx-btn-success:hover:not([disabled=disabled]) {
  background: #87d672;
}

.fx-btn-success:active:not([disabled=disabled]) {
  background: #7dd366;
}

.fx-btn-success[disabled=disabled] {
  background: #cfccca;
  color: #7d7a78;
  border-color: #b7b2af;
  cursor: default;
  text-shadow: none;
  opacity: .6;
  box-shadow: none !important;
}

.fx-btn-warning {
  background: #e9b049;
  color: #fff;
  border: 2px solid #cd9f19;
  text-shadow: 0 -1px 0 #e9b049;
  font-family: "IBM Plex Sans",sans-serif !important;
}

.fx-btn-warning svg {
  fill: #fff;
}

.fx-btn-warning:hover:not([disabled=disabled]) {
  background: #ebb657;
}

.fx-btn-warning:active:not([disabled=disabled]) {
  background: #e9b049;
}

.fx-btn-warning[disabled=disabled] {
  background: #cfccca;
  color: #7d7a78;
  border-color: #b7b2af;
  cursor: default;
  text-shadow: none;
  opacity: .6;
  box-shadow: none !important;
}

.fx-btn-danger {
  background: #ef5c48;
  color: #fff;
  border: 2px solid #d83e13;
  text-shadow: 0 -1px 0 #ef5c48;
  font-family: "IBM Plex Sans",sans-serif !important;
}

.fx-btn-danger svg {
  fill: #fff;
}

.fx-btn-danger:hover:not([disabled=disabled]) {
  background: #f06956;
}

.fx-btn-danger:active:not([disabled=disabled]) {
  background: #ef5c48;
}

.fx-btn-danger[disabled=disabled] {
  background: #cfccca;
  color: #7d7a78;
  border-color: #b7b2af;
  cursor: default;
  text-shadow: none;
  opacity: .6;
  box-shadow: none !important;
}

.fx-btn-mono {
  background: #e8e7e6;
  color: #7d7a78;
  border: 2px solid #c3bfbd;
  text-shadow: 0 -1px 0 #e8e7e6;
  font-family: "IBM Plex Sans",sans-serif !important;
}

.fx-btn-mono svg {
  fill: #fff;
}

.fx-btn-mono:hover:not([disabled=disabled]) {
  background: #efefee;
}

.fx-btn-mono:active:not([disabled=disabled]) {
  background: #e8e7e6;
}

.fx-btn-mono[disabled=disabled] {
  background: #cfccca;
  color: #7d7a78;
  border-color: #b7b2af;
  cursor: default;
  text-shadow: none;
  opacity: .6;
  box-shadow: none !important;
}

.fx-btn-white {
  background: #fff;
  color: #cfccca;
  border: 2px solid #cfccca;
  text-shadow: 0 -1px 0 #fff;
  font-family: "IBM Plex Sans",sans-serif !important;
}

.fx-btn-white svg {
  fill: #fff;
}

.fx-btn-white:hover:not([disabled=disabled]) {
  background: #fff;
}

.fx-btn-white:active:not([disabled=disabled]) {
  background: #fff;
}

.fx-btn-white[disabled=disabled] {
  background: #cfccca;
  color: #7d7a78;
  border-color: #b7b2af;
  cursor: default;
  text-shadow: none;
  opacity: .6;
  box-shadow: none !important;
}

.fx-btn-twitter {
  background: #1da1f2;
  color: #fff;
  border: 2px solid #0b65b8;
  text-shadow: 0 -1px 0 #1da1f2;
  font-family: "IBM Plex Sans",sans-serif !important;
}

.fx-btn-twitter svg {
  fill: #fff;
}

.fx-btn-twitter:hover:not([disabled=disabled]) {
  background: #2ba7f3;
}

.fx-btn-twitter:active:not([disabled=disabled]) {
  background: #1da1f2;
}

.fx-btn-twitter[disabled=disabled] {
  background: #cfccca;
  color: #7d7a78;
  border-color: #b7b2af;
  cursor: default;
  text-shadow: none;
  opacity: .6;
  box-shadow: none !important;
}

.fx-btn-o-primary {
  border: 2px solid #004cff;
  color: #004cff;
  font-family: "IBM Plex Sans",sans-serif !important;
}

.fx-btn-o-primary svg {
  fill: #004cff;
}

.fx-btn-o-primary:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) {
  color: #fff;
  background: #004cff;
}

.fx-btn-o-primary:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) svg {
  fill: #fff;
}

.fx-btn-o-primary:active:not([disabled=disabled]),
.fx-btn-o-primary.fx-btn--active {
  color: #fff;
  background: #0047f0;
}

.fx-btn-o-primary:active:not([disabled=disabled]) svg,
.fx-btn-o-primary.fx-btn--active svg {
  fill: #fff;
}

.fx-btn-o-primary[disabled=disabled] {
  color: #cfccca !important;
  border-color: #cfccca;
  cursor: default;
  opacity: .6;
}

.fx-btn-o-primary[disabled=disabled] svg {
  fill: #cfccca !important;
}

.fx-btn-o-accent {
  border: 2px solid #4d577b;
  color: #4d577b;
  font-family: "IBM Plex Sans",sans-serif !important;
}

.fx-btn-o-accent svg {
  fill: #4d577b;
}

.fx-btn-o-accent:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) {
  color: #fff;
  background: #4d577b;
}

.fx-btn-o-accent:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) svg {
  fill: #fff;
}

.fx-btn-o-accent:active:not([disabled=disabled]),
.fx-btn-o-accent.fx-btn--active {
  color: #fff;
  background: #475072;
}

.fx-btn-o-accent:active:not([disabled=disabled]) svg,
.fx-btn-o-accent.fx-btn--active svg {
  fill: #fff;
}

.fx-btn-o-accent[disabled=disabled] {
  color: #cfccca !important;
  border-color: #cfccca;
  cursor: default;
  opacity: .6;
}

.fx-btn-o-accent[disabled=disabled] svg {
  fill: #cfccca !important;
}

.fx-btn-o-success {
  border: 2px solid #7dd366;
  color: #7dd366;
  font-family: "IBM Plex Sans",sans-serif !important;
}

.fx-btn-o-success svg {
  fill: #7dd366;
}

.fx-btn-o-success:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) {
  color: #fff;
  background: #7dd366;
}

.fx-btn-o-success:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) svg {
  fill: #fff;
}

.fx-btn-o-success:active:not([disabled=disabled]),
.fx-btn-o-success.fx-btn--active {
  color: #fff;
  background: #73d05a;
}

.fx-btn-o-success:active:not([disabled=disabled]) svg,
.fx-btn-o-success.fx-btn--active svg {
  fill: #fff;
}

.fx-btn-o-success[disabled=disabled] {
  color: #cfccca !important;
  border-color: #cfccca;
  cursor: default;
  opacity: .6;
}

.fx-btn-o-success[disabled=disabled] svg {
  fill: #cfccca !important;
}

.fx-btn-o-warning {
  border: 2px solid #e9b049;
  color: #e9b049;
  font-family: "IBM Plex Sans",sans-serif !important;
}

.fx-btn-o-warning svg {
  fill: #e9b049;
}

.fx-btn-o-warning:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) {
  color: #fff;
  background: #e9b049;
}

.fx-btn-o-warning:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) svg {
  fill: #fff;
}

.fx-btn-o-warning:active:not([disabled=disabled]),
.fx-btn-o-warning.fx-btn--active {
  color: #fff;
  background: #e7aa3b;
}

.fx-btn-o-warning:active:not([disabled=disabled]) svg,
.fx-btn-o-warning.fx-btn--active svg {
  fill: #fff;
}

.fx-btn-o-warning[disabled=disabled] {
  color: #cfccca !important;
  border-color: #cfccca;
  cursor: default;
  opacity: .6;
}

.fx-btn-o-warning[disabled=disabled] svg {
  fill: #cfccca !important;
}

.fx-btn-o-danger {
  border: 2px solid #d83e13;
  color: #d83e13;
  font-family: "IBM Plex Sans",sans-serif !important;
}

.fx-btn-o-danger svg {
  fill: #d83e13;
}

.fx-btn-o-danger:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) {
  color: #fff;
  background: #d83e13;
}

.fx-btn-o-danger:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) svg {
  fill: #fff;
}

.fx-btn-o-danger:active:not([disabled=disabled]),
.fx-btn-o-danger.fx-btn--active {
  color: #fff;
  background: #ca3a12;
}

.fx-btn-o-danger:active:not([disabled=disabled]) svg,
.fx-btn-o-danger.fx-btn--active svg {
  fill: #fff;
}

.fx-btn-o-danger[disabled=disabled] {
  color: #cfccca !important;
  border-color: #cfccca;
  cursor: default;
  opacity: .6;
}

.fx-btn-o-danger[disabled=disabled] svg {
  fill: #cfccca !important;
}

.fx-btn-o-mono {
  border: 2px solid #7d7a78;
  color: #7d7a78;
  font-family: "IBM Plex Sans",sans-serif !important;
}

.fx-btn-o-mono svg {
  fill: #7d7a78;
}

.fx-btn-o-mono:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) {
  color: #fff;
  background: #7d7a78;
}

.fx-btn-o-mono:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) svg {
  fill: #fff;
}

.fx-btn-o-mono:active:not([disabled=disabled]),
.fx-btn-o-mono.fx-btn--active {
  color: #fff;
  background: #757271;
}

.fx-btn-o-mono:active:not([disabled=disabled]) svg,
.fx-btn-o-mono.fx-btn--active svg {
  fill: #fff;
}

.fx-btn-o-mono[disabled=disabled] {
  color: #cfccca !important;
  border-color: #cfccca;
  cursor: default;
  opacity: .6;
}

.fx-btn-o-mono[disabled=disabled] svg {
  fill: #cfccca !important;
}

.fx-btn-o-mono-light {
  border: 2px solid #cfccca;
  color: #cfccca;
  font-family: "IBM Plex Sans",sans-serif !important;
}

.fx-btn-o-mono-light svg {
  fill: #cfccca;
}

.fx-btn-o-mono-light:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) {
  color: #fff;
  background: #cfccca;
}

.fx-btn-o-mono-light:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) svg {
  fill: #fff;
}

.fx-btn-o-mono-light:active:not([disabled=disabled]),
.fx-btn-o-mono-light.fx-btn--active {
  color: #fff;
  background: #c8c4c2;
}

.fx-btn-o-mono-light:active:not([disabled=disabled]) svg,
.fx-btn-o-mono-light.fx-btn--active svg {
  fill: #fff;
}

.fx-btn-o-mono-light[disabled=disabled] {
  color: #cfccca !important;
  border-color: #cfccca;
  cursor: default;
  opacity: .6;
}

.fx-btn-o-mono-light[disabled=disabled] svg {
  fill: #cfccca !important;
}

.fx-btn-o-white {
  border: 2px solid #fff;
  color: #fff;
  font-family: "IBM Plex Sans",sans-serif !important;
}

.fx-btn-o-white svg {
  fill: #fff;
}

.fx-btn-o-white:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) {
  color: #004cff;
  background: #fff;
}

.fx-btn-o-white:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) svg {
  fill: #004cff;
}

.fx-btn-o-white:active:not([disabled=disabled]),
.fx-btn-o-white.fx-btn--active {
  color: #004cff;
  background: #f7f7f7;
}

.fx-btn-o-white:active:not([disabled=disabled]) svg,
.fx-btn-o-white.fx-btn--active svg {
  fill: #004cff;
}

.fx-btn-o-white[disabled=disabled] {
  color: #cfccca !important;
  border-color: #cfccca;
  cursor: default;
  opacity: .6;
}

.fx-btn-o-white[disabled=disabled] svg {
  fill: #cfccca !important;
}

.fx-btn-n-primary {
  color: #004cff;
  background: rgba(0,0,0,0);
}

.fx-btn-n-primary svg {
  fill: #004cff;
}

.fx-btn-n-primary:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) {
  color: #0023b3;
}

.fx-btn-n-primary:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) svg {
  fill: #0023b3;
}

.fx-btn-n-primary:active:not([disabled=disabled]),
.fx-btn-n-primary.fx-btn--active {
  color: #0023b3;
}

.fx-btn-n-primary:active:not([disabled=disabled]) svg,
.fx-btn-n-primary.fx-btn--active svg {
  fill: #0023b3;
}

.fx-btn-n-accent {
  color: #4d577b;
  background: rgba(0,0,0,0);
}

.fx-btn-n-accent svg {
  fill: #4d577b;
}

.fx-btn-n-accent:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) {
  color: #30334c;
}

.fx-btn-n-accent:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) svg {
  fill: #30334c;
}

.fx-btn-n-accent:active:not([disabled=disabled]),
.fx-btn-n-accent.fx-btn--active {
  color: #30334c;
}

.fx-btn-n-accent:active:not([disabled=disabled]) svg,
.fx-btn-n-accent.fx-btn--active svg {
  fill: #30334c;
}

.fx-btn-n-success {
  color: #7dd366;
  background: rgba(0,0,0,0);
}

.fx-btn-n-success svg {
  fill: #7dd366;
}

.fx-btn-n-success:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) {
  color: #43b835;
}

.fx-btn-n-success:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) svg {
  fill: #43b835;
}

.fx-btn-n-success:active:not([disabled=disabled]),
.fx-btn-n-success.fx-btn--active {
  color: #43b835;
}

.fx-btn-n-success:active:not([disabled=disabled]) svg,
.fx-btn-n-success.fx-btn--active svg {
  fill: #43b835;
}

.fx-btn-n-warning {
  color: #e9b049;
  background: rgba(0,0,0,0);
}

.fx-btn-n-warning svg {
  fill: #e9b049;
}

.fx-btn-n-warning:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) {
  color: #cd9f19;
}

.fx-btn-n-warning:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) svg {
  fill: #cd9f19;
}

.fx-btn-n-warning:active:not([disabled=disabled]),
.fx-btn-n-warning.fx-btn--active {
  color: #cd9f19;
}

.fx-btn-n-warning:active:not([disabled=disabled]) svg,
.fx-btn-n-warning.fx-btn--active svg {
  fill: #cd9f19;
}

.fx-btn-n-danger {
  color: #ef5c48;
  background: rgba(0,0,0,0);
}

.fx-btn-n-danger svg {
  fill: #ef5c48;
}

.fx-btn-n-danger:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) {
  color: #ec5927;
}

.fx-btn-n-danger:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) svg {
  fill: #ec5927;
}

.fx-btn-n-danger:active:not([disabled=disabled]),
.fx-btn-n-danger.fx-btn--active {
  color: #ec5927;
}

.fx-btn-n-danger:active:not([disabled=disabled]) svg,
.fx-btn-n-danger.fx-btn--active svg {
  fill: #ec5927;
}

.fx-btn-n-mono {
  color: #cfccca;
  background: rgba(0,0,0,0);
}

.fx-btn-n-mono svg {
  fill: #cfccca;
}

.fx-btn-n-mono:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) {
  color: #7d7a78;
}

.fx-btn-n-mono:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) svg {
  fill: #7d7a78;
}

.fx-btn-n-mono:active:not([disabled=disabled]),
.fx-btn-n-mono.fx-btn--active {
  color: #7d7a78;
}

.fx-btn-n-mono:active:not([disabled=disabled]) svg,
.fx-btn-n-mono.fx-btn--active svg {
  fill: #7d7a78;
}

.fx-btn-n-mono-dark {
  color: #7d7a78;
  background: rgba(0,0,0,0);
}

.fx-btn-n-mono-dark svg {
  fill: #7d7a78;
}

.fx-btn-n-mono-dark:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) {
  color: #5c5854;
}

.fx-btn-n-mono-dark:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) svg {
  fill: #5c5854;
}

.fx-btn-n-mono-dark:active:not([disabled=disabled]),
.fx-btn-n-mono-dark.fx-btn--active {
  color: #5c5854;
}

.fx-btn-n-mono-dark:active:not([disabled=disabled]) svg,
.fx-btn-n-mono-dark.fx-btn--active svg {
  fill: #5c5854;
}

.fx-btn-n-inverse {
  color: #fff;
  background: rgba(0,0,0,0);
}

.fx-btn-n-inverse svg {
  fill: #fff;
}

.fx-btn-n-inverse:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) {
  color: #e8e7e6;
}

.fx-btn-n-inverse:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) svg {
  fill: #e8e7e6;
}

.fx-btn-n-inverse:active:not([disabled=disabled]),
.fx-btn-n-inverse.fx-btn--active {
  color: #e8e7e6;
}

.fx-btn-n-inverse:active:not([disabled=disabled]) svg,
.fx-btn-n-inverse.fx-btn--active svg {
  fill: #e8e7e6;
}

.fx-btn-n-white {
  color: #fff;
  background: rgba(0,0,0,0);
}

.fx-btn-n-white svg {
  fill: #fff;
}

.fx-btn-n-white:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) {
  color: #ededed;
}

.fx-btn-n-white:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) svg {
  fill: #ededed;
}

.fx-btn-n-white:active:not([disabled=disabled]),
.fx-btn-n-white.fx-btn--active {
  color: #ededed;
}

.fx-btn-n-white:active:not([disabled=disabled]) svg,
.fx-btn-n-white.fx-btn--active svg {
  fill: #ededed;
}

.fx-btn--circle {
  border-radius: 50%;
  padding: 0 !important;
}

.fx-btn--square {
  padding: 0 !important;
}

.fx-btn--dashed {
  border-style: dashed !important;
}

.fx-btn--rounded {
  border-radius: 4px;
}

.fx-btn--pill {
  border-radius: 500px;
}

.fx-btn--nowrap {
  white-space: nowrap;
}

.fx-btn--xs {
  padding: 7px 10.5px;
  min-height: 36px;
}

.fx-btn--xs.fx-btn--circle,
.fx-btn--xs.fx-btn--square {
  width: 36px;
  height: 36px;
}

.fx-btn--sm {
  padding: 6px 12px;
  line-height: 20px;
  text-decoration: none;
}

.fx-btn--sm.fx-btn--circle,
.fx-btn--sm.fx-btn--square {
  width: 37px;
  height: 37px;
}

.fx-btn--md {
  padding: 10.5px 15.75px;
  min-height: 44px;
  font-size: 12px;
}

.fx-btn--md.fx-btn--circle,
.fx-btn--md.fx-btn--square {
  width: 44px;
  height: 44px;
}

.fx-btn--lg {
  padding: 17.5px 35px;
  min-height: 64px;
}

.fx-btn--lg.fx-btn--circle,
.fx-btn--lg.fx-btn--square {
  width: 64px;
  height: 64px;
}

.fx-btn--block,
.fx-table-outlined [class*=fx-btn-] {
  width: 100%;
  display: block;
}

.fx-btn-group {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.fx-btn-group>[class*=fx-btn-] {
  display: inline-block;
  border-radius: 0;
}

.fx-btn-group>[class*=fx-btn-]+[class*=fx-btn-] {
  margin-left: -4px;
  border-left: none;
}

.fx-btn-group--rounded>[class*=fx-btn-]:first-of-type {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.fx-btn-group--rounded>[class*=fx-btn-]:last-of-type {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.fx-btn-icon-container {
  line-height: 20px;
}

.fx-btn-icon-container svg {
  margin-right: 10px;
}

.fx-breadcrumbs-lg,
.fx-breadcrumbs-md,
.fx-breadcrumbs-sm {
  position: relative;
  display: table;
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  z-index: 0;
}

.fx-breadcrumbs__breadcrumb {
  position: relative;
  width: 100%;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

.fx-breadcrumbs__breadcrumb[disabled=disabled] {
  color: #cfccca !important;
  pointer-events: none;
  cursor: default;
}

.fx-breadcrumbs__breadcrumb:after,
.fx-breadcrumbs__breadcrumb::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  border-top-color: rgba(0,0,0,0);
  border-bottom-color: rgba(0,0,0,0);
  border-style: solid;
  border-right: 0;
  display: none;
}

.fx-breadcrumbs__breadcrumb:not(:last-of-type)::after {
  display: block;
  left: 100%;
  z-index: 5;
}

.fx-breadcrumbs__breadcrumb:not(:first-of-type)::before {
  display: block;
  left: 0;
  z-index: 1;
}

.fx-breadcrumbs--light {
  background: #7d7a78;
  border-top: 2px solid #7d7a78;
  border-bottom: 2px solid #7d7a78;
}

.fx-breadcrumbs--light>.fx-breadcrumbs__breadcrumb {
  background: #e8e7e6;
  color: #7d7a78;
  cursor: pointer;
}

.fx-breadcrumbs--light>.fx-breadcrumbs__breadcrumb:hover:not(.fx-breadcrumbs__breadcrumb--active) {
  color: #63615f;
}

.fx-breadcrumbs--light>.fx-breadcrumbs__breadcrumb:active:not(.fx-breadcrumbs__breadcrumb--active) {
  background: #dcdad9;
}

.fx-breadcrumbs--light>.fx-breadcrumbs__breadcrumb:active:not(.fx-breadcrumbs__breadcrumb--active)::after {
  border-left-color: #dcdad9;
}

.fx-breadcrumbs--light>.fx-breadcrumbs__breadcrumb:not(:last-of-type) {
  border-right: 2px solid #7d7a78;
}

.fx-breadcrumbs--light>.fx-breadcrumbs__breadcrumb::after {
  border-left-color: #e8e7e6;
}

.fx-breadcrumbs--light>.fx-breadcrumbs__breadcrumb::before {
  border-left-color: #7d7a78;
}

.fx-breadcrumbs--light>.fx-breadcrumbs__breadcrumb.fx-breadcrumbs__breadcrumb--active {
  background: #fff;
  color: #302b27;
  cursor: default;
}

.fx-breadcrumbs--light>.fx-breadcrumbs__breadcrumb.fx-breadcrumbs__breadcrumb--active::after {
  border-left-color: #fff;
}

.fx-breadcrumbs--dark {
  background: #302b27;
  border-top: 2px solid #302b27;
  border-bottom: 2px solid #302b27;
}

.fx-breadcrumbs--dark>.fx-breadcrumbs__breadcrumb {
  background: #5c5854;
  color: #cfccca;
  cursor: pointer;
}

.fx-breadcrumbs--dark>.fx-breadcrumbs__breadcrumb:hover:not(.fx-breadcrumbs__breadcrumb--active) {
  color: #b7b2af;
}

.fx-breadcrumbs--dark>.fx-breadcrumbs__breadcrumb:active:not(.fx-breadcrumbs__breadcrumb--active) {
  background: #4f4b48;
}

.fx-breadcrumbs--dark>.fx-breadcrumbs__breadcrumb:active:not(.fx-breadcrumbs__breadcrumb--active)::after {
  border-left-color: #4f4b48;
}

.fx-breadcrumbs--dark>.fx-breadcrumbs__breadcrumb:not(:last-of-type) {
  border-right: 2px solid #302b27;
}

.fx-breadcrumbs--dark>.fx-breadcrumbs__breadcrumb::after {
  border-left-color: #5c5854;
}

.fx-breadcrumbs--dark>.fx-breadcrumbs__breadcrumb::before {
  border-left-color: #302b27;
}

.fx-breadcrumbs--dark>.fx-breadcrumbs__breadcrumb.fx-breadcrumbs__breadcrumb--active {
  background: #fff;
  color: #302b27;
  cursor: default;
}

.fx-breadcrumbs--dark>.fx-breadcrumbs__breadcrumb.fx-breadcrumbs__breadcrumb--active::after {
  border-left-color: #fff;
}

.fx-breadcrumbs-sm.fx-breadcrumbs--nav {
  padding-left: 16.5px;
  padding-right: 16.5px;
  border-radius: 500px;
}

.fx-breadcrumbs-sm.fx-breadcrumbs--nav>.fx-breadcrumbs__breadcrumb::after {
  border-top-width: 18.5px;
  border-bottom-width: 18.5px;
}

.fx-breadcrumbs-sm.fx-breadcrumbs--nav>.fx-breadcrumbs__breadcrumb::before {
  border-top-width: 18.5px;
  border-bottom-width: 18.5px;
}

.fx-breadcrumbs-sm>.fx-breadcrumbs__breadcrumb {
  height: 33px;
}

.fx-breadcrumbs-sm>.fx-breadcrumbs__breadcrumb::after {
  border-top-width: 16.5px;
  border-bottom-width: 16.5px;
  border-left-width: 8.25px;
}

.fx-breadcrumbs-sm>.fx-breadcrumbs__breadcrumb::before {
  border-top-width: 16.5px;
  border-bottom-width: 16.5px;
  border-left-width: 8.25px;
}

.fx-breadcrumbs-sm>.fx-breadcrumbs__btn {
  position: relative;
  margin-right: -16.5px;
  box-shadow: 0 0 0 2px #7d7a78;
  width: 37px;
  height: 37px;
  line-height: 33px;
  text-align: center;
  border: 0;
  z-index: 2;
  background: #fff;
  cursor: pointer;
  outline: 0;
  border-radius: 50%;
  transition: box-shadow .1s ease-in-out;
}

.fx-breadcrumbs-sm>.fx-breadcrumbs__btn:hover {
  transition: box-shadow .1s ease-in-out;
}

.fx-breadcrumbs-sm>.fx-breadcrumbs__btn:active {
  transition: box-shadow .1s ease-in-out;
}

.fx-breadcrumbs-sm>.fx-breadcrumbs__btn[disabled] {
  border: 0;
  pointer-events: none;
  background: #e8e7e6;
  color: #cfccca !important;
}

.fx-breadcrumbs-sm>.fx-breadcrumbs__btn:last-child,
.fx-breadcrumbs-sm>.fx-breadcrumbs__btn:first-child {
  margin-left: -16.5px;
}

.fx-breadcrumbs-sm>.fx-breadcrumbs__btn.fx-breadcrumbs__btn--mono {
  box-shadow: 0 0 0 2px #7d7a78;
  color: #7d7a78;
}

.fx-breadcrumbs-sm>.fx-breadcrumbs__btn.fx-breadcrumbs__btn--mono:hover {
  box-shadow: 0 0 0 4px #7d7a78;
}

.fx-breadcrumbs-sm>.fx-breadcrumbs__btn.fx-breadcrumbs__btn--mono:active {
  box-shadow: 0 0 0 3px #7d7a78;
  background: #7d7a78;
  color: #fff;
}

.fx-breadcrumbs-sm>.fx-breadcrumbs__btn.fx-breadcrumbs__btn--mono.fx-breadcrumbs__btn--fill {
  background: #7d7a78;
  color: #fff;
}

.fx-breadcrumbs-sm>.fx-breadcrumbs__btn.fx-breadcrumbs__btn--primary {
  box-shadow: 0 0 0 2px #004cff;
  color: #004cff;
}

.fx-breadcrumbs-sm>.fx-breadcrumbs__btn.fx-breadcrumbs__btn--primary:hover {
  box-shadow: 0 0 0 4px #004cff;
}

.fx-breadcrumbs-sm>.fx-breadcrumbs__btn.fx-breadcrumbs__btn--primary:active {
  box-shadow: 0 0 0 3px #004cff;
  background: #004cff;
  color: #fff;
}

.fx-breadcrumbs-sm>.fx-breadcrumbs__btn.fx-breadcrumbs__btn--primary.fx-breadcrumbs__btn--fill {
  background: #004cff;
  color: #fff;
}

.fx-breadcrumbs-sm>.fx-breadcrumbs__btn.fx-breadcrumbs__btn--success {
  box-shadow: 0 0 0 2px #7dd366;
  color: #7dd366;
}

.fx-breadcrumbs-sm>.fx-breadcrumbs__btn.fx-breadcrumbs__btn--success:hover {
  box-shadow: 0 0 0 4px #7dd366;
}

.fx-breadcrumbs-sm>.fx-breadcrumbs__btn.fx-breadcrumbs__btn--success:active {
  box-shadow: 0 0 0 3px #7dd366;
  background: #7dd366;
  color: #fff;
}

.fx-breadcrumbs-sm>.fx-breadcrumbs__btn.fx-breadcrumbs__btn--success.fx-breadcrumbs__btn--fill {
  background: #7dd366;
  color: #fff;
}

.fx-breadcrumbs-md.fx-breadcrumbs--nav {
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 500px;
}

.fx-breadcrumbs-md.fx-breadcrumbs--nav>.fx-breadcrumbs__breadcrumb::after {
  border-top-width: 22px;
  border-bottom-width: 22px;
}

.fx-breadcrumbs-md.fx-breadcrumbs--nav>.fx-breadcrumbs__breadcrumb::before {
  border-top-width: 22px;
  border-bottom-width: 22px;
}

.fx-breadcrumbs-md>.fx-breadcrumbs__breadcrumb {
  height: 40px;
}

.fx-breadcrumbs-md>.fx-breadcrumbs__breadcrumb::after {
  border-top-width: 20px;
  border-bottom-width: 20px;
  border-left-width: 10px;
}

.fx-breadcrumbs-md>.fx-breadcrumbs__breadcrumb::before {
  border-top-width: 20px;
  border-bottom-width: 20px;
  border-left-width: 10px;
}

.fx-breadcrumbs-md>.fx-breadcrumbs__btn {
  position: relative;
  margin-right: -20px;
  box-shadow: 0 0 0 2px #7d7a78;
  width: 44px;
  height: 44px;
  line-height: 40px;
  text-align: center;
  border: 0;
  z-index: 2;
  background: #fff;
  cursor: pointer;
  outline: 0;
  border-radius: 50%;
  transition: box-shadow .1s ease-in-out;
}

.fx-breadcrumbs-md>.fx-breadcrumbs__btn:hover {
  transition: box-shadow .1s ease-in-out;
}

.fx-breadcrumbs-md>.fx-breadcrumbs__btn:active {
  transition: box-shadow .1s ease-in-out;
}

.fx-breadcrumbs-md>.fx-breadcrumbs__btn[disabled] {
  border: 0;
  pointer-events: none;
  background: #e8e7e6;
  color: #cfccca !important;
}

.fx-breadcrumbs-md>.fx-breadcrumbs__btn:last-child,
.fx-breadcrumbs-md>.fx-breadcrumbs__btn:first-child {
  margin-left: -20px;
}

.fx-breadcrumbs-md>.fx-breadcrumbs__btn.fx-breadcrumbs__btn--mono {
  box-shadow: 0 0 0 2px #7d7a78;
  color: #7d7a78;
}

.fx-breadcrumbs-md>.fx-breadcrumbs__btn.fx-breadcrumbs__btn--mono:hover {
  box-shadow: 0 0 0 4px #7d7a78;
}

.fx-breadcrumbs-md>.fx-breadcrumbs__btn.fx-breadcrumbs__btn--mono:active {
  box-shadow: 0 0 0 3px #7d7a78;
  background: #7d7a78;
  color: #fff;
}

.fx-breadcrumbs-md>.fx-breadcrumbs__btn.fx-breadcrumbs__btn--mono.fx-breadcrumbs__btn--fill {
  background: #7d7a78;
  color: #fff;
}

.fx-breadcrumbs-md>.fx-breadcrumbs__btn.fx-breadcrumbs__btn--primary {
  box-shadow: 0 0 0 2px #004cff;
  color: #004cff;
}

.fx-breadcrumbs-md>.fx-breadcrumbs__btn.fx-breadcrumbs__btn--primary:hover {
  box-shadow: 0 0 0 4px #004cff;
}

.fx-breadcrumbs-md>.fx-breadcrumbs__btn.fx-breadcrumbs__btn--primary:active {
  box-shadow: 0 0 0 3px #004cff;
  background: #004cff;
  color: #fff;
}

.fx-breadcrumbs-md>.fx-breadcrumbs__btn.fx-breadcrumbs__btn--primary.fx-breadcrumbs__btn--fill {
  background: #004cff;
  color: #fff;
}

.fx-breadcrumbs-md>.fx-breadcrumbs__btn.fx-breadcrumbs__btn--success {
  box-shadow: 0 0 0 2px #7dd366;
  color: #7dd366;
}

.fx-breadcrumbs-md>.fx-breadcrumbs__btn.fx-breadcrumbs__btn--success:hover {
  box-shadow: 0 0 0 4px #7dd366;
}

.fx-breadcrumbs-md>.fx-breadcrumbs__btn.fx-breadcrumbs__btn--success:active {
  box-shadow: 0 0 0 3px #7dd366;
  background: #7dd366;
  color: #fff;
}

.fx-breadcrumbs-md>.fx-breadcrumbs__btn.fx-breadcrumbs__btn--success.fx-breadcrumbs__btn--fill {
  background: #7dd366;
  color: #fff;
}

.fx-breadcrumbs-lg.fx-breadcrumbs--nav {
  padding-left: 28.5px;
  padding-right: 28.5px;
  border-radius: 500px;
}

.fx-breadcrumbs-lg.fx-breadcrumbs--nav>.fx-breadcrumbs__breadcrumb::after {
  border-top-width: 30.5px;
  border-bottom-width: 30.5px;
}

.fx-breadcrumbs-lg.fx-breadcrumbs--nav>.fx-breadcrumbs__breadcrumb::before {
  border-top-width: 30.5px;
  border-bottom-width: 30.5px;
}

.fx-breadcrumbs-lg>.fx-breadcrumbs__breadcrumb {
  height: 57px;
}

.fx-breadcrumbs-lg>.fx-breadcrumbs__breadcrumb::after {
  border-top-width: 28.5px;
  border-bottom-width: 28.5px;
  border-left-width: 14.25px;
}

.fx-breadcrumbs-lg>.fx-breadcrumbs__breadcrumb::before {
  border-top-width: 28.5px;
  border-bottom-width: 28.5px;
  border-left-width: 14.25px;
}

.fx-breadcrumbs-lg>.fx-breadcrumbs__btn {
  position: relative;
  margin-right: -28.5px;
  box-shadow: 0 0 0 2px #7d7a78;
  width: 61px;
  height: 61px;
  line-height: 57px;
  text-align: center;
  border: 0;
  z-index: 2;
  background: #fff;
  cursor: pointer;
  outline: 0;
  border-radius: 50%;
  transition: box-shadow .1s ease-in-out;
}

.fx-breadcrumbs-lg>.fx-breadcrumbs__btn:hover {
  transition: box-shadow .1s ease-in-out;
}

.fx-breadcrumbs-lg>.fx-breadcrumbs__btn:active {
  transition: box-shadow .1s ease-in-out;
}

.fx-breadcrumbs-lg>.fx-breadcrumbs__btn[disabled] {
  border: 0;
  pointer-events: none;
  background: #e8e7e6;
  color: #cfccca !important;
}

.fx-breadcrumbs-lg>.fx-breadcrumbs__btn:last-child,
.fx-breadcrumbs-lg>.fx-breadcrumbs__btn:first-child {
  margin-left: -28.5px;
}

.fx-breadcrumbs-lg>.fx-breadcrumbs__btn.fx-breadcrumbs__btn--mono {
  box-shadow: 0 0 0 2px #7d7a78;
  color: #7d7a78;
}

.fx-breadcrumbs-lg>.fx-breadcrumbs__btn.fx-breadcrumbs__btn--mono:hover {
  box-shadow: 0 0 0 4px #7d7a78;
}

.fx-breadcrumbs-lg>.fx-breadcrumbs__btn.fx-breadcrumbs__btn--mono:active {
  box-shadow: 0 0 0 3px #7d7a78;
  background: #7d7a78;
  color: #fff;
}

.fx-breadcrumbs-lg>.fx-breadcrumbs__btn.fx-breadcrumbs__btn--mono.fx-breadcrumbs__btn--fill {
  background: #7d7a78;
  color: #fff;
}

.fx-breadcrumbs-lg>.fx-breadcrumbs__btn.fx-breadcrumbs__btn--primary {
  box-shadow: 0 0 0 2px #004cff;
  color: #004cff;
}

.fx-breadcrumbs-lg>.fx-breadcrumbs__btn.fx-breadcrumbs__btn--primary:hover {
  box-shadow: 0 0 0 4px #004cff;
}

.fx-breadcrumbs-lg>.fx-breadcrumbs__btn.fx-breadcrumbs__btn--primary:active {
  box-shadow: 0 0 0 3px #004cff;
  background: #004cff;
  color: #fff;
}

.fx-breadcrumbs-lg>.fx-breadcrumbs__btn.fx-breadcrumbs__btn--primary.fx-breadcrumbs__btn--fill {
  background: #004cff;
  color: #fff;
}

.fx-breadcrumbs-lg>.fx-breadcrumbs__btn.fx-breadcrumbs__btn--success {
  box-shadow: 0 0 0 2px #7dd366;
  color: #7dd366;
}

.fx-breadcrumbs-lg>.fx-breadcrumbs__btn.fx-breadcrumbs__btn--success:hover {
  box-shadow: 0 0 0 4px #7dd366;
}

.fx-breadcrumbs-lg>.fx-breadcrumbs__btn.fx-breadcrumbs__btn--success:active {
  box-shadow: 0 0 0 3px #7dd366;
  background: #7dd366;
  color: #fff;
}

.fx-breadcrumbs-lg>.fx-breadcrumbs__btn.fx-breadcrumbs__btn--success.fx-breadcrumbs__btn--fill {
  background: #7dd366;
  color: #fff;
}

.fx-btn-primary {
  background: #004cff;
  color: #fff;
  border: 2px solid #0023b3;
  text-shadow: 0 -1px 0 #004cff;
  font-family: "IBM Plex Sans",sans-serif !important;
}

.fx-btn-primary svg {
  fill: #fff;
}

.fx-btn-primary:hover:not([disabled=disabled]) {
  background: #0f57ff;
}

.fx-btn-primary:active:not([disabled=disabled]) {
  background: #004cff;
}

.fx-btn-primary[disabled=disabled] {
  background: #cfccca;
  color: #7d7a78;
  border-color: #b7b2af;
  cursor: default;
  text-shadow: none;
  opacity: .6;
  box-shadow: none !important;
}

.fx-btn-accent {
  background: #4d577b;
  color: #fff;
  border: 2px solid #30334c;
  text-shadow: 0 -1px 0 #4d577b;
  font-family: "IBM Plex Sans",sans-serif !important;
}

.fx-btn-accent svg {
  fill: #fff;
}

.fx-btn-accent:hover:not([disabled=disabled]) {
  background: #535e84;
}

.fx-btn-accent:active:not([disabled=disabled]) {
  background: #4d577b;
}

.fx-btn-accent[disabled=disabled] {
  background: #cfccca;
  color: #7d7a78;
  border-color: #b7b2af;
  cursor: default;
  text-shadow: none;
  opacity: .6;
  box-shadow: none !important;
}

.fx-btn-success {
  background: #7dd366;
  color: #fff;
  border: 2px solid #43b835;
  text-shadow: 0 -1px 0 #7dd366;
  font-family: "IBM Plex Sans",sans-serif !important;
}

.fx-btn-success svg {
  fill: #fff;
}

.fx-btn-success:hover:not([disabled=disabled]) {
  background: #87d672;
}

.fx-btn-success:active:not([disabled=disabled]) {
  background: #7dd366;
}

.fx-btn-success[disabled=disabled] {
  background: #cfccca;
  color: #7d7a78;
  border-color: #b7b2af;
  cursor: default;
  text-shadow: none;
  opacity: .6;
  box-shadow: none !important;
}

.fx-btn-warning {
  background: #e9b049;
  color: #fff;
  border: 2px solid #cd9f19;
  text-shadow: 0 -1px 0 #e9b049;
  font-family: "IBM Plex Sans",sans-serif !important;
}

.fx-btn-warning svg {
  fill: #fff;
}

.fx-btn-warning:hover:not([disabled=disabled]) {
  background: #ebb657;
}

.fx-btn-warning:active:not([disabled=disabled]) {
  background: #e9b049;
}

.fx-btn-warning[disabled=disabled] {
  background: #cfccca;
  color: #7d7a78;
  border-color: #b7b2af;
  cursor: default;
  text-shadow: none;
  opacity: .6;
  box-shadow: none !important;
}

.fx-btn-danger {
  background: #ef5c48;
  color: #fff;
  border: 2px solid #d83e13;
  text-shadow: 0 -1px 0 #ef5c48;
  font-family: "IBM Plex Sans",sans-serif !important;
}

.fx-btn-danger svg {
  fill: #fff;
}

.fx-btn-danger:hover:not([disabled=disabled]) {
  background: #f06956;
}

.fx-btn-danger:active:not([disabled=disabled]) {
  background: #ef5c48;
}

.fx-btn-danger[disabled=disabled] {
  background: #cfccca;
  color: #7d7a78;
  border-color: #b7b2af;
  cursor: default;
  text-shadow: none;
  opacity: .6;
  box-shadow: none !important;
}

.fx-btn-mono {
  background: #e8e7e6;
  color: #7d7a78;
  border: 2px solid #c3bfbd;
  text-shadow: 0 -1px 0 #e8e7e6;
  font-family: "IBM Plex Sans",sans-serif !important;
}

.fx-btn-mono svg {
  fill: #fff;
}

.fx-btn-mono:hover:not([disabled=disabled]) {
  background: #efefee;
}

.fx-btn-mono:active:not([disabled=disabled]) {
  background: #e8e7e6;
}

.fx-btn-mono[disabled=disabled] {
  background: #cfccca;
  color: #7d7a78;
  border-color: #b7b2af;
  cursor: default;
  text-shadow: none;
  opacity: .6;
  box-shadow: none !important;
}

.fx-btn-white {
  background: #fff;
  color: #cfccca;
  border: 2px solid #cfccca;
  text-shadow: 0 -1px 0 #fff;
  font-family: "IBM Plex Sans",sans-serif !important;
}

.fx-btn-white svg {
  fill: #fff;
}

.fx-btn-white:hover:not([disabled=disabled]) {
  background: #fff;
}

.fx-btn-white:active:not([disabled=disabled]) {
  background: #fff;
}

.fx-btn-white[disabled=disabled] {
  background: #cfccca;
  color: #7d7a78;
  border-color: #b7b2af;
  cursor: default;
  text-shadow: none;
  opacity: .6;
  box-shadow: none !important;
}

.fx-btn-twitter {
  background: #1da1f2;
  color: #fff;
  border: 2px solid #0b65b8;
  text-shadow: 0 -1px 0 #1da1f2;
  font-family: "IBM Plex Sans",sans-serif !important;
}

.fx-btn-twitter svg {
  fill: #fff;
}

.fx-btn-twitter:hover:not([disabled=disabled]) {
  background: #2ba7f3;
}

.fx-btn-twitter:active:not([disabled=disabled]) {
  background: #1da1f2;
}

.fx-btn-twitter[disabled=disabled] {
  background: #cfccca;
  color: #7d7a78;
  border-color: #b7b2af;
  cursor: default;
  text-shadow: none;
  opacity: .6;
  box-shadow: none !important;
}

.fx-btn-o-primary {
  border: 2px solid #004cff;
  color: #004cff;
  font-family: "IBM Plex Sans",sans-serif !important;
}

.fx-btn-o-primary svg {
  fill: #004cff;
}

.fx-btn-o-primary:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) {
  color: #fff;
  background: #004cff;
}

.fx-btn-o-primary:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) svg {
  fill: #fff;
}

.fx-btn-o-primary:active:not([disabled=disabled]),
.fx-btn-o-primary.fx-btn--active {
  color: #fff;
  background: #0047f0;
}

.fx-btn-o-primary:active:not([disabled=disabled]) svg,
.fx-btn-o-primary.fx-btn--active svg {
  fill: #fff;
}

.fx-btn-o-primary[disabled=disabled] {
  color: #cfccca !important;
  border-color: #cfccca;
  cursor: default;
  opacity: .6;
}

.fx-btn-o-primary[disabled=disabled] svg {
  fill: #cfccca !important;
}

.fx-btn-o-accent {
  border: 2px solid #4d577b;
  color: #4d577b;
  font-family: "IBM Plex Sans",sans-serif !important;
}

.fx-btn-o-accent svg {
  fill: #4d577b;
}

.fx-btn-o-accent:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) {
  color: #fff;
  background: #4d577b;
}

.fx-btn-o-accent:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) svg {
  fill: #fff;
}

.fx-btn-o-accent:active:not([disabled=disabled]),
.fx-btn-o-accent.fx-btn--active {
  color: #fff;
  background: #475072;
}

.fx-btn-o-accent:active:not([disabled=disabled]) svg,
.fx-btn-o-accent.fx-btn--active svg {
  fill: #fff;
}

.fx-btn-o-accent[disabled=disabled] {
  color: #cfccca !important;
  border-color: #cfccca;
  cursor: default;
  opacity: .6;
}

.fx-btn-o-accent[disabled=disabled] svg {
  fill: #cfccca !important;
}

.fx-btn-o-success {
  border: 2px solid #7dd366;
  color: #7dd366;
  font-family: "IBM Plex Sans",sans-serif !important;
}

.fx-btn-o-success svg {
  fill: #7dd366;
}

.fx-btn-o-success:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) {
  color: #fff;
  background: #7dd366;
}

.fx-btn-o-success:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) svg {
  fill: #fff;
}

.fx-btn-o-success:active:not([disabled=disabled]),
.fx-btn-o-success.fx-btn--active {
  color: #fff;
  background: #73d05a;
}

.fx-btn-o-success:active:not([disabled=disabled]) svg,
.fx-btn-o-success.fx-btn--active svg {
  fill: #fff;
}

.fx-btn-o-success[disabled=disabled] {
  color: #cfccca !important;
  border-color: #cfccca;
  cursor: default;
  opacity: .6;
}

.fx-btn-o-success[disabled=disabled] svg {
  fill: #cfccca !important;
}

.fx-btn-o-warning {
  border: 2px solid #e9b049;
  color: #e9b049;
  font-family: "IBM Plex Sans",sans-serif !important;
}

.fx-btn-o-warning svg {
  fill: #e9b049;
}

.fx-btn-o-warning:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) {
  color: #fff;
  background: #e9b049;
}

.fx-btn-o-warning:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) svg {
  fill: #fff;
}

.fx-btn-o-warning:active:not([disabled=disabled]),
.fx-btn-o-warning.fx-btn--active {
  color: #fff;
  background: #e7aa3b;
}

.fx-btn-o-warning:active:not([disabled=disabled]) svg,
.fx-btn-o-warning.fx-btn--active svg {
  fill: #fff;
}

.fx-btn-o-warning[disabled=disabled] {
  color: #cfccca !important;
  border-color: #cfccca;
  cursor: default;
  opacity: .6;
}

.fx-btn-o-warning[disabled=disabled] svg {
  fill: #cfccca !important;
}

.fx-btn-o-danger {
  border: 2px solid #d83e13;
  color: #d83e13;
  font-family: "IBM Plex Sans",sans-serif !important;
}

.fx-btn-o-danger svg {
  fill: #d83e13;
}

.fx-btn-o-danger:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) {
  color: #fff;
  background: #d83e13;
}

.fx-btn-o-danger:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) svg {
  fill: #fff;
}

.fx-btn-o-danger:active:not([disabled=disabled]),
.fx-btn-o-danger.fx-btn--active {
  color: #fff;
  background: #ca3a12;
}

.fx-btn-o-danger:active:not([disabled=disabled]) svg,
.fx-btn-o-danger.fx-btn--active svg {
  fill: #fff;
}

.fx-btn-o-danger[disabled=disabled] {
  color: #cfccca !important;
  border-color: #cfccca;
  cursor: default;
  opacity: .6;
}

.fx-btn-o-danger[disabled=disabled] svg {
  fill: #cfccca !important;
}

.fx-btn-o-mono {
  border: 2px solid #7d7a78;
  color: #7d7a78;
  font-family: "IBM Plex Sans",sans-serif !important;
}

.fx-btn-o-mono svg {
  fill: #7d7a78;
}

.fx-btn-o-mono:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) {
  color: #fff;
  background: #7d7a78;
}

.fx-btn-o-mono:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) svg {
  fill: #fff;
}

.fx-btn-o-mono:active:not([disabled=disabled]),
.fx-btn-o-mono.fx-btn--active {
  color: #fff;
  background: #757271;
}

.fx-btn-o-mono:active:not([disabled=disabled]) svg,
.fx-btn-o-mono.fx-btn--active svg {
  fill: #fff;
}

.fx-btn-o-mono[disabled=disabled] {
  color: #cfccca !important;
  border-color: #cfccca;
  cursor: default;
  opacity: .6;
}

.fx-btn-o-mono[disabled=disabled] svg {
  fill: #cfccca !important;
}

.fx-btn-o-mono-light {
  border: 2px solid #cfccca;
  color: #cfccca;
  font-family: "IBM Plex Sans",sans-serif !important;
}

.fx-btn-o-mono-light svg {
  fill: #cfccca;
}

.fx-btn-o-mono-light:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) {
  color: #fff;
  background: #cfccca;
}

.fx-btn-o-mono-light:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) svg {
  fill: #fff;
}

.fx-btn-o-mono-light:active:not([disabled=disabled]),
.fx-btn-o-mono-light.fx-btn--active {
  color: #fff;
  background: #c8c4c2;
}

.fx-btn-o-mono-light:active:not([disabled=disabled]) svg,
.fx-btn-o-mono-light.fx-btn--active svg {
  fill: #fff;
}

.fx-btn-o-mono-light[disabled=disabled] {
  color: #cfccca !important;
  border-color: #cfccca;
  cursor: default;
  opacity: .6;
}

.fx-btn-o-mono-light[disabled=disabled] svg {
  fill: #cfccca !important;
}

.fx-btn-o-white {
  border: 2px solid #fff;
  color: #fff;
  font-family: "IBM Plex Sans",sans-serif !important;
}

.fx-btn-o-white svg {
  fill: #fff;
}

.fx-btn-o-white:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) {
  color: #004cff;
  background: #fff;
}

.fx-btn-o-white:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) svg {
  fill: #004cff;
}

.fx-btn-o-white:active:not([disabled=disabled]),
.fx-btn-o-white.fx-btn--active {
  color: #004cff;
  background: #f7f7f7;
}

.fx-btn-o-white:active:not([disabled=disabled]) svg,
.fx-btn-o-white.fx-btn--active svg {
  fill: #004cff;
}

.fx-btn-o-white[disabled=disabled] {
  color: #cfccca !important;
  border-color: #cfccca;
  cursor: default;
  opacity: .6;
}

.fx-btn-o-white[disabled=disabled] svg {
  fill: #cfccca !important;
}

.fx-btn-n-primary {
  color: #004cff;
  background: rgba(0,0,0,0);
}

.fx-btn-n-primary svg {
  fill: #004cff;
}

.fx-btn-n-primary:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) {
  color: #0023b3;
}

.fx-btn-n-primary:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) svg {
  fill: #0023b3;
}

.fx-btn-n-primary:active:not([disabled=disabled]),
.fx-btn-n-primary.fx-btn--active {
  color: #0023b3;
}

.fx-btn-n-primary:active:not([disabled=disabled]) svg,
.fx-btn-n-primary.fx-btn--active svg {
  fill: #0023b3;
}

.fx-btn-n-accent {
  color: #4d577b;
  background: rgba(0,0,0,0);
}

.fx-btn-n-accent svg {
  fill: #4d577b;
}

.fx-btn-n-accent:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) {
  color: #30334c;
}

.fx-btn-n-accent:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) svg {
  fill: #30334c;
}

.fx-btn-n-accent:active:not([disabled=disabled]),
.fx-btn-n-accent.fx-btn--active {
  color: #30334c;
}

.fx-btn-n-accent:active:not([disabled=disabled]) svg,
.fx-btn-n-accent.fx-btn--active svg {
  fill: #30334c;
}

.fx-btn-n-success {
  color: #7dd366;
  background: rgba(0,0,0,0);
}

.fx-btn-n-success svg {
  fill: #7dd366;
}

.fx-btn-n-success:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) {
  color: #43b835;
}

.fx-btn-n-success:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) svg {
  fill: #43b835;
}

.fx-btn-n-success:active:not([disabled=disabled]),
.fx-btn-n-success.fx-btn--active {
  color: #43b835;
}

.fx-btn-n-success:active:not([disabled=disabled]) svg,
.fx-btn-n-success.fx-btn--active svg {
  fill: #43b835;
}

.fx-btn-n-warning {
  color: #e9b049;
  background: rgba(0,0,0,0);
}

.fx-btn-n-warning svg {
  fill: #e9b049;
}

.fx-btn-n-warning:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) {
  color: #cd9f19;
}

.fx-btn-n-warning:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) svg {
  fill: #cd9f19;
}

.fx-btn-n-warning:active:not([disabled=disabled]),
.fx-btn-n-warning.fx-btn--active {
  color: #cd9f19;
}

.fx-btn-n-warning:active:not([disabled=disabled]) svg,
.fx-btn-n-warning.fx-btn--active svg {
  fill: #cd9f19;
}

.fx-btn-n-danger {
  color: #ef5c48;
  background: rgba(0,0,0,0);
}

.fx-btn-n-danger svg {
  fill: #ef5c48;
}

.fx-btn-n-danger:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) {
  color: #ec5927;
}

.fx-btn-n-danger:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) svg {
  fill: #ec5927;
}

.fx-btn-n-danger:active:not([disabled=disabled]),
.fx-btn-n-danger.fx-btn--active {
  color: #ec5927;
}

.fx-btn-n-danger:active:not([disabled=disabled]) svg,
.fx-btn-n-danger.fx-btn--active svg {
  fill: #ec5927;
}

.fx-btn-n-mono {
  color: #cfccca;
  background: rgba(0,0,0,0);
}

.fx-btn-n-mono svg {
  fill: #cfccca;
}

.fx-btn-n-mono:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) {
  color: #7d7a78;
}

.fx-btn-n-mono:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) svg {
  fill: #7d7a78;
}

.fx-btn-n-mono:active:not([disabled=disabled]),
.fx-btn-n-mono.fx-btn--active {
  color: #7d7a78;
}

.fx-btn-n-mono:active:not([disabled=disabled]) svg,
.fx-btn-n-mono.fx-btn--active svg {
  fill: #7d7a78;
}

.fx-btn-n-mono-dark {
  color: #7d7a78;
  background: rgba(0,0,0,0);
}

.fx-btn-n-mono-dark svg {
  fill: #7d7a78;
}

.fx-btn-n-mono-dark:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) {
  color: #5c5854;
}

.fx-btn-n-mono-dark:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) svg {
  fill: #5c5854;
}

.fx-btn-n-mono-dark:active:not([disabled=disabled]),
.fx-btn-n-mono-dark.fx-btn--active {
  color: #5c5854;
}

.fx-btn-n-mono-dark:active:not([disabled=disabled]) svg,
.fx-btn-n-mono-dark.fx-btn--active svg {
  fill: #5c5854;
}

.fx-btn-n-inverse {
  color: #fff;
  background: rgba(0,0,0,0);
}

.fx-btn-n-inverse svg {
  fill: #fff;
}

.fx-btn-n-inverse:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) {
  color: #e8e7e6;
}

.fx-btn-n-inverse:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) svg {
  fill: #e8e7e6;
}

.fx-btn-n-inverse:active:not([disabled=disabled]),
.fx-btn-n-inverse.fx-btn--active {
  color: #e8e7e6;
}

.fx-btn-n-inverse:active:not([disabled=disabled]) svg,
.fx-btn-n-inverse.fx-btn--active svg {
  fill: #e8e7e6;
}

.fx-btn-n-white {
  color: #fff;
  background: rgba(0,0,0,0);
}

.fx-btn-n-white svg {
  fill: #fff;
}

.fx-btn-n-white:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) {
  color: #ededed;
}

.fx-btn-n-white:hover:not([disabled=disabled]):not(.fx-btn--active):not(:active) svg {
  fill: #ededed;
}

.fx-btn-n-white:active:not([disabled=disabled]),
.fx-btn-n-white.fx-btn--active {
  color: #ededed;
}

.fx-btn-n-white:active:not([disabled=disabled]) svg,
.fx-btn-n-white.fx-btn--active svg {
  fill: #ededed;
}

.fx-btn--circle {
  border-radius: 50%;
  padding: 0 !important;
}

.fx-btn--square {
  padding: 0 !important;
}

.fx-btn--dashed {
  border-style: dashed !important;
}

.fx-btn--rounded {
  border-radius: 4px;
}

.fx-btn--pill {
  border-radius: 500px;
}

.fx-btn--nowrap {
  white-space: nowrap;
}

.fx-btn--xs {
  padding: 7px 10.5px;
  min-height: 36px;
}

.fx-btn--xs.fx-btn--circle,
.fx-btn--xs.fx-btn--square {
  width: 36px;
  height: 36px;
}

.fx-btn--sm {
  padding: 6px 12px;
  line-height: 20px;
  text-decoration: none;
}

.fx-btn--sm.fx-btn--circle,
.fx-btn--sm.fx-btn--square {
  width: 37px;
  height: 37px;
}

.fx-btn--md {
  padding: 10.5px 15.75px;
  min-height: 44px;
  font-size: 12px;
}

.fx-btn--md.fx-btn--circle,
.fx-btn--md.fx-btn--square {
  width: 44px;
  height: 44px;
}

.fx-btn--lg {
  padding: 17.5px 35px;
  min-height: 64px;
}

.fx-btn--lg.fx-btn--circle,
.fx-btn--lg.fx-btn--square {
  width: 64px;
  height: 64px;
}

.fx-btn--block,
.fx-table-outlined [class*=fx-btn-] {
  width: 100%;
  display: block;
}

.fx-btn-group {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.fx-btn-group>[class*=fx-btn-] {
  display: inline-block;
  border-radius: 0;
}

.fx-btn-group>[class*=fx-btn-]+[class*=fx-btn-] {
  margin-left: -4px;
  border-left: none;
}

.fx-btn-group--rounded>[class*=fx-btn-]:first-of-type {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.fx-btn-group--rounded>[class*=fx-btn-]:last-of-type {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.fx-btn-icon-container {
  line-height: 20px;
}

.fx-btn-icon-container svg {
  margin-right: 10px;
}

.fx-card.fx-actionmenu-open .fx-card-body-actions {
  opacity: 1;
}

.fx-card.fx-actionmenu-open .fx-card-body-actions__main-action {
  transform: scale(1);
}

.fx-card-body-actions--active {
  opacity: 1;
}

.fx-card-body-actions--active .fx-card-body-actions__main-action {
  transform: scale(1);
}

.fx-catalog {
  position: relative;
  background: #fff;
  box-shadow: 0 0 1px rgba(0,0,0,.15);
}

.fx-catalog-header {
  background: #fff;
  border-bottom: 1px solid #ced3e0;
  color: #5c5854;
}

.fx-catalog-header__cell {
  position: relative;
  cursor: pointer;
  padding: 10.5px 15.75px;
  color: #7d7a78;
}

.fx-catalog-header__cell:hover {
  background: #e8e7e6;
}

.fx-catalog-header__cell:active {
  background: #e3e2e1;
}

.fx-catalog-body {
  display: block;
  overflow: auto;
}

.fx-catalog-item {
  position: relative;
  cursor: pointer;
  box-shadow: inset 0 -1px #ced3e0;
}

.fx-catalog-item:last-child {
  box-shadow: none;
}

.fx-catalog-item:hover:not(.fx-catalog__item--active) {
  color: #004cff;
}

.fx-catalog-item:active:not(.fx-catalog__item--active) {
  background: #f4f4f4;
}

.fx-catalog-item.fx-actionmenu-open {
  background: #f4f4f4;
}

.fx-catalog--static .fx-catalog-item:hover {
  color: inherit !important;
}

.fx-catalog--static .fx-catalog-item:active {
  background: inherit !important;
}

.fx-catalog-item--active {
  color: #004cff;
}

.fx-catalog-item--active::after {
  content: "";
  background: rgba(0,76,255,.1);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: inset 0 0 0 2px #004cff;
  z-index: 1;
  pointer-events: none;
}

.fx-catalog-header__sort {
  display: inline-block;
  margin-left: 10px;
  line-height: 0;
  vertical-align: middle;
  transform: translateY(-1px);
}

.fx-catalog-header__sort svg {
  fill: #7d7a78;
}

.fx-checkbox {
  position: relative;
  display: inline-block;
  text-indent: -9999px;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 50%;
  box-shadow: inset 0 0 0 2px #cfccca;
  transition: all 300ms cubic-bezier(0, 0.89, 0.44, 1);
}

.fx-checkbox:hover {
  box-shadow: inset 0 0 0 2px #7d7a78;
}

.fx-checkbox::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  height: 50%;
  margin-top: -25%;
  margin-left: -25%;
  fill: #fff;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJmaWxsOiAjZjlmN2Y2OyIgd2lkdGg9IjExLjM4IiBoZWlnaHQ9IjkiIHZpZXdCb3g9IjAgMCAxMS4zOCA5Ij48cG9seWdvbiBwb2ludHM9IjQuMDUgOSAwIDUuMzcgMS4zNCAzLjkgMy45NSA2LjIzIDkuOTMgMCAxMS4zOCAxLjM3IDQuMDUgOSIvPjwvc3ZnPg==) center center no-repeat;
  background-size: 100%;
  content: "";
  transform: scale(0);
  transition: all 300ms cubic-bezier(0, 0.89, 0.44, 1) .25s;
}

.fx-checkbox+label {
  cursor: pointer;
  vertical-align: middle;
  color: #7d7a78;
}

.fx-checkbox.fx-checkbox--bland {
  border-radius: 4px !important;
}

.fx-checkbox.fx-checkbox--bland.fx-checkbox--checked {
  box-shadow: inset 0 0 0 11px #7d7a78 !important;
}

.fx-checkbox--checked::after {
  transform: scale(1);
}

.fx-checkbox--xs {
  width: 22px;
  height: 22px;
}

.fx-checkbox--xs.fx-checkbox--checked {
  box-shadow: inset 0 0 0 11px #004cff;
}

.fx-checkbox--sm {
  width: 22px;
  height: 22px;
}

.fx-checkbox--sm.fx-checkbox--checked {
  box-shadow: inset 0 0 0 11px #004cff;
}

.fx-checkbox--md {
  width: 23px;
  height: 23px;
}

.fx-checkbox--md.fx-checkbox--checked {
  box-shadow: inset 0 0 0 11.5px #004cff;
}

.fx-checkbox--lg {
  width: 29px;
  height: 29px;
}

.fx-checkbox--lg.fx-checkbox--checked {
  box-shadow: inset 0 0 0 14.5px #004cff;
}

.fx-circle-label {
  text-align: center;
  border-radius: 50%;
}

.fx-circle-label--mono {
  background-color: #cfccca;
  color: #302b27;
}

.fx-circle-label--sm {
  width: 74px;
  height: 74px;
  line-height: 74px;
}

.fx-circle-label--md {
  width: 88px;
  height: 88px;
  line-height: 88px;
}

.fx-circle-label--lg {
  width: 128px;
  height: 128px;
  line-height: 128px;
}

.fx-datepicker-header th {
  vertical-align: middle;
}

.fx-datepicker-date {
  width: 14.2857142857%;
}

.fx-datepicker-month {
  width: 33.3333333333%;
}

.fx-datepicker-year {
  width: 20%;
}

.fx-datepicker-btn--day {
  padding: 0 !important;
  display: block;
  margin: 0 auto;
  min-height: 24px;
  width: 24px;
  font-weight: 600;
}

.fx-datepicker-btn--day.fx-btn--active {
  background-color: #004cff !important;
  color: #fff !important;
  border-radius: 50% !important;
}

.fx-datepicker-btn--day[disabled=disabled] {
  text-decoration: line-through;
}

.fx-datepicker-btn--month {
  padding: 0 !important;
  display: block;
  margin: 0 auto;
  min-height: 24px;
}

.dt.selected {
  color: #004cff;
}

.fx-datepicker-date--secondary {
  color: #e8e7e6;
  font-weight: 400;
}

.fx-datepicker-date--current {
  color: #e9b049;
}

[fx-dropdown],
.fx-dropdown {
  position: relative;
}

.open>.fx-dropdown-menu,
.open>[fx-dropdown-menu] {
  display: block;
}

[fx-dropdown-menu],
.fx-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: auto;
  background: #fff;
  z-index: 100000;
  display: none;
  min-width: 150px;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: 0 0 0 1px rgba(0,0,0,.06),0 3px 6px rgba(0,0,0,.3);
  border-radius: 4px;
  margin-top: 2px;
}

[fx-dropdown-menu].fx-dropdown-menu--right,
.fx-dropdown-menu.fx-dropdown-menu--right {
  left: auto;
  right: 0;
}

[fx-dropdown-menu].fx-dropdown-menu--top-right,
.fx-dropdown-menu.fx-dropdown-menu--top-right {
  left: auto;
  right: 100%;
  top: 0;
}

[fx-dropdown-menu].fx-dropdown-menu--bottom,
.fx-dropdown-menu.fx-dropdown-menu--bottom {
  top: auto;
  bottom: 100%;
}

[fx-dropdown-menu].fx-dropdown-menu--bottom-right,
.fx-dropdown-menu.fx-dropdown-menu--bottom-right {
  left: auto;
  right: 100%;
  top: auto;
  bottom: 100%;
}

[fx-dropdown-menu].fx-dropdown-menu--block,
.fx-dropdown-menu.fx-dropdown-menu--block {
  width: 100% !important;
}

.fx-dropdown-menu--contextmenu {
  max-height: 375px;
}

.fx-dropdown-menu--xs .fx-dropdown-item .fx-dropdown-item__icon {
  margin-left: -10.5px;
}

.fx-dropdown-item {
  color: #1f2129;
  position: relative;
  font-size: 14px;
  line-height: 20px;
  padding-left: 12px;
  padding-bottom: 12px;
  cursor: pointer;
}

.fx-dropdown-item svg {
  fill: #1f2129;
}

.fx-dropdown-item .fx-dropdown-item__label {
  font-size: 14px;
  line-height: 33px;
}

.fx-dropdown-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.fx-dropdown-item:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.fx-dropdown-item:hover:not(.fx-dropdown-item--active) {
  background: #fff;
}

.fx-dropdown-item:hover:not(.fx-dropdown-item--active) svg {
  fill: #7d7a78;
}

.fx-dropdown-item:active:not(.fx-dropdown-item--active) {
  background: #eceae9;
  transition: background .05s ease-in-out;
}

.fx-dropdown-item[disabled=disabled] {
  pointer-events: none;
  opacity: .3;
}

.fx-dropdown-item>.fx-dropdown-menu {
  display: block;
  top: 0;
  left: 100%;
}

.fx-dropdown-item.fx-dropdown-item--success:hover .fx-dropdown-item__icon svg {
  fill: #7dd366;
}

.fx-dropdown-item.fx-dropdown-item--danger:hover .fx-dropdown-item__icon svg {
  fill: #ef5c48;
}

.fx-dropdown-item--active {
  background: #fff;
}

.fx-dropdown-item__icon-wrapper {
  display: flex;
}

.fx-dropdown-item__icon {
  text-align: center;
  float: left;
  margin-left: 12px;
  margin-top: 8px;
  margin-right: 8px;
  width: 24px;
  height: 24px;
}

.fx-dropdown-item__icon svg {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  fill: #1f2129;
}

.fx-dropdown-item__label {
  display: block;
  color: #7d7a78;
  text-align: left;
  font-weight: 500;
}

.fx-dropdown-item__tag {
  display: inline-block;
  float: right;
  padding-top: 2px;
  color: #fff;
}

.fx-dropdown-item__tag--danger {
  color: #ef5c48;
}

.fx-dropdown-toggle {
  position: relative;
  padding: 10.5px 15.75px;
  cursor: pointer;
  background: rgba(0,0,0,0);
  color: #7d7a78;
  border: 2px solid #cfccca;
  outline: 0;
  text-align: left;
  border-radius: 4px;
  padding-right: 35px !important;
}

.fx-dropdown-toggle:active {
  outline: 0;
}

.fx-dropdown-toggle:hover {
  border-color: #b2adaa;
}

.fx-dropdown-toggle:hover::after {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgMTEuOTkgNyI+PHBhdGggZmlsbD0iIzdkN2E3OCIgZD0iTTYsN0g2YTEsMSwwLDAsMS0uNzEtMC4yOWwtNS01QTEsMSwwLDAsMSwxLDBIMTFhMSwxLDAsMCwxLC43MSwxLjcxbC01LDVBMSwxLDAsMCwxLDYsN1pNMy40MiwyTDYsNC41OCw4LjU5LDJIMy40MloiLz48L3N2Zz4=) center center no-repeat;
}

.fx-dropdown-toggle::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgMTEuOTkgNyI+PHBhdGggZmlsbD0iI2NmY2NjYSIgZD0iTTYsN0g2YTEsMSwwLDAsMS0uNzEtMC4yOWwtNS01QTEsMSwwLDAsMSwxLDBIMTFhMSwxLDAsMCwxLC43MSwxLjcxbC01LDVBMSwxLDAsMCwxLDYsN1pNMy40MiwyTDYsNC41OCw4LjU5LDJIMy40MloiLz48L3N2Zz4=) center center no-repeat;
  background-size: 100%;
  margin-top: -3.5px;
  height: 7px;
  width: 12px;
}

.fx-dropdown-toggle--danger {
  border-color: #ef5c48;
}

.fx-dropdown-toggle--danger:hover {
  border-color: #ef5c48;
}

.fx-dropdown-toggle--block {
  width: 100%;
}

.fx-dropdown-toggle--md {
  padding: 10.5px 15.75px;
  height: 44px;
  line-height: 20px;
}

.fx-dropdown-toggle--sm {
  padding: 7px 12px;
}

.fx-dropdown-toggle--xs {
  padding: 7px 10.5px;
}

.fx-dropdown-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20000;
}

.fx-growler {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 20000;
}

.fx-growl {
  position: relative;
  display: flex;
  align-items: center;
  color: #fff;
  cursor: pointer;
  max-width: 500px;
  background-color: #5c5854;
  border: 2px solid rgba(0,0,0,0);
  box-shadow: 0 1px 3px rgba(0,0,0,.12);
  border-radius: 4px;
  justify-content: flex-start;
}

.fx-growl:not(:last-child) {
  margin-bottom: 10px;
}

.fx-growl__icon svg {
  fill: #fff;
}

.fx-growl__close {
  margin-left: auto;
}

.fx-growl__close svg {
  fill: #fff;
}

.fx-growl--danger .fx-growl__icon svg {
  fill: #ef5c48;
}

.fx-growl--success .fx-growl__icon svg {
  fill: #7dd366;
}

.fx-growl--primary .fx-growl__icon svg {
  fill: #004cff;
}

.fx-growl--warning .fx-growl__icon svg {
  fill: #e9b049;
}

.fx-growl--info .fx-growl__icon svg {
  fill: #67a5d9;
}

.fx-textarea,
.fx-input,
.fx-input-lg,
.fx-input-md,
.fx-input-sm,
.fx-input-xs,
.fx-input-xxs {
  background: #fff;
  outline: 0;
  border: 2px solid #cfccca;
  width: 75%;
  height: 44px;
  font-family: "IBM Plex Sans",sans-serif !important;
  padding: 0 15.75px;
  border-radius: 4px;
}

.fx-textarea:focus:not([readonly=readonly]),
.fx-input:focus:not([readonly=readonly]),
.fx-input-lg:focus:not([readonly=readonly]),
.fx-input-md:focus:not([readonly=readonly]),
.fx-input-sm:focus:not([readonly=readonly]),
.fx-input-xs:focus:not([readonly=readonly]),
.fx-input-xxs:focus:not([readonly=readonly]) {
  border-color: #004cff;
}

.fx-textarea:hover:not(:focus),
.fx-input:hover:not(:focus),
.fx-input-lg:hover:not(:focus),
.fx-input-md:hover:not(:focus),
.fx-input-sm:hover:not(:focus),
.fx-input-xs:hover:not(:focus),
.fx-input-xxs:hover:not(:focus) {
  border: 2px solid #c3bfbd;
}

[readonly=readonly].fx-textarea,
.fx-input[readonly=readonly],
[readonly=readonly].fx-input-lg,
[readonly=readonly].fx-input-md,
[readonly=readonly].fx-input-sm,
[readonly=readonly].fx-input-xs,
[readonly=readonly].fx-input-xxs {
  background: #e8e7e6;
  color: #7d7a78;
  cursor: no-drop;
}

.fx-input--pill {
  border-radius: 500px;
}

.fx-display-invalid.ng-invalid.ng-touched {
  border-color: #ef5c48 !important;
}

.fx-display-valid.ng-valid.ng-touched {
  border-color: #7dd366 !important;
}

.fx-input--short {
  width: 50%;
}

.fx-input-xxs {
  height: 33px;
  padding: 0 9.45px;
  line-height: 33px;
}

.fx-input-xs {
  height: 36px;
  padding: 0 10.5px;
}

.fx-input-sm {
  height: 37px;
  padding: 0 12px;
  line-height: 37px;
}

.fx-input-lg {
  height: 64px;
  padding: 0 35px;
}

.fx-input--success {
  border-color: #7dd366;
  color: #7dd366;
}

.fx-input--success:hover:not(:focus) {
  border-color: #43b835 !important;
}

.fx-input--danger {
  border-color: #ef5c48;
  color: #ef5c48;
}

.fx-input--danger:hover:not(:focus) {
  border-color: #d83e13 !important;
}

.fx-input--stretch {
  display: block;
  width: 100%;
}

.fx-input--stretch:focus {
  width: 100%;
}

.fx-input-group-with-btn {
  position: relative;
  display: table;
  border-collapse: separate;
}

.fx-input-group-with-btn [class*=fx-input],
.fx-input-group-with-btn .fx-input-group-btn {
  display: table-cell;
  vertical-align: top;
}

.fx-input-group-with-btn [class*=fx-input] {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right: 0;
  margin-top: -1px;
}

.fx-input-group-with-btn [class*=fx-input]:hover {
  border-right: 0 !important;
}

.fx-input-group-with-btn .fx-input-group-btn {
  width: 1%;
  white-space: nowrap;
}

.fx-input-group-with-btn .fx-input-group-btn .fx-btn-mono {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  box-shadow: none !important;
}

.fx-input-group {
  position: relative;
  display: inline-block;
  width: 100%;
}

.fx-input-group>svg {
  position: absolute;
  top: 50%;
  fill: #cfccca;
  transform: translateY(-50%);
}

.fx-input-group.fx-has-prepend>input,
.fx-input-group.fx-has-prepend>.fx-input-md {
  padding-left: 73.75px;
}

.fx-input-group.fx-has-prepend>.fx-input-xs {
  padding-left: 60.5px;
}

.fx-input-group.fx-has-prepend>.fx-input-sm {
  padding-left: 63px;
}

.fx-input-group.fx-has-prepend>.fx-input-lg {
  padding-left: 113px;
}

.fx-input-group.fx-has-postpend>input,
.fx-input-group.fx-has-postpend>.fx-input-md {
  padding-right: 73.75px;
}

.fx-input-group.fx-has-postpend>.fx-input-xs {
  padding-left: 60.5px;
}

.fx-input-group.fx-has-postpend>.fx-input-sm {
  padding-right: 63px;
}

.fx-input-group.fx-has-postpend>.fx-input-lg {
  padding-right: 113px;
}

.fx-input-group.fx-input-group--xs>input {
  padding-left: 24.5px;
}

.fx-input-group.fx-input-group--xs>svg {
  left: 7px;
}

.fx-input-group.fx-input-group--sm>input {
  padding-left: 26px;
}

.fx-input-group.fx-input-group--sm>svg {
  left: 8px;
}

.fx-input-group.fx-input-group--md>input {
  padding-left: 29.75px;
}

.fx-input-group.fx-input-group--md>svg {
  left: 10.5px;
}

.fx-input-group.fx-input-group--lg>input {
  padding-left: 49px;
}

.fx-input-group.fx-input-group--lg svg {
  left: 23.3333333333px;
}

.fx-input-group__prepend--btn {
  border: 2px solid #e8e7e6;
}

.fx-input-group__prepend,
.fx-input-group__postpend {
  position: absolute;
  top: 0;
}

.fx-input-group__prepend {
  left: 0;
}

.fx-input-group__postpend {
  right: 0;
}

.fx-input-label-group {
  position: relative;
  display: table;
  border-collapse: collapse;
  width: 100%;
}

.fx-input-label-group>input,
.fx-input-label-group>.fx-input-label-group__input {
  width: 100%;
}

.fx-input-label-group>label {
  display: table-cell;
  padding: 0 12px;
  vertical-align: middle;
  text-align: center;
  background: #e8e7e6;
  color: #7d7a78;
  max-width: 50%;
}

.fx-textarea {
  padding: 7px 10.5px;
  height: auto;
  width: 100%;
}

.fx-textarea:focus:not([readonly=readonly]) {
  height: auto;
}

.fx-textarea--vertical-resize {
  resize: vertical;
}

.fx-label {
  display: inline-block;
  vertical-align: middle;
  background: #e8e7e6;
  color: #7d7a78;
}

.fx-label--sm {
  padding: 7px 12px;
}

.fx-label--md {
  padding: 10.5px 15.75px;
}

.fx-input-label {
  display: block;
  color: #5c5854;
  margin-bottom: 5px;
}

.fx-input-icon-group {
  position: relative;
}

.fx-input-icon-group [fx-svg],
.fx-input-icon-group .svg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 2px;
  width: 40px;
  text-align: center;
  z-index: 100;
}

.fx-input-icon-group [fx-svg] svg,
.fx-input-icon-group .svg svg {
  fill: #cfccca;
  height: 100%;
  vertical-align: middle;
}

.fx-input-icon-group input {
  padding-left: 40px;
}

.fx-input-btn-group {
  position: relative;
  display: table;
  border-collapse: collapse;
  width: 100%;
}

.fx-input-btn-group>input {
  width: 100%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
}

.fx-input-btn-group>input:hover {
  border-right: 0 !important;
}

.fx-input-btn-group>.fx-input-btn-group__btn {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background: #e8e7e6;
  color: #7d7a78;
  max-width: 50%;
  cursor: pointer;
  outline: 0;
  border: 0;
  box-shadow: inset 0 0 0 2px #cfccca;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.fx-input-btn-group>.fx-input-btn-group__btn:hover {
  box-shadow: inset 0 0 0 2px #7d7a78;
}

.fx-input-btn-group>.fx-input-btn-group__btn:active {
  background: #e1dfde;
}

.fx-input-btn-group>.fx-input-btn-group__btn[disabled=disabled] {
  pointer-events: none;
  color: rgba(0,0,0,.26);
}

.fx-input-btn-group>.fx-input-btn-group__btn.fx-input-btn-group__btn--primary {
  background: #004cff;
  color: #fff;
  box-shadow: inset 0 0 0 2px #0023b3;
}

.fx-input-btn-group>.fx-input-btn-group__btn.fx-input-btn-group__btn--primary:hover {
  box-shadow: inset 0 0 0 2px #0023b3;
}

.fx-input-btn-group--pill>input {
  border-top-left-radius: 500px;
  border-bottom-left-radius: 500px;
}

.fx-input-btn-group--pill>.fx-input-btn-group__btn {
  border-top-right-radius: 500px;
  border-bottom-right-radius: 500px;
}

.fx-input-password {
  position: relative;
}

.fx-input-password__link {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  color: #7d7a78;
  padding: 15px;
}

.fx-input-password__link:hover {
  color: #004cff;
}

.fx-input-domain {
  padding-right: 120px;
}

.fx-input-domain-url {
  position: absolute;
  right: 0;
  top: 0;
  padding: 12px 15px;
}

.fx-input-domain-icon {
  position: absolute;
  right: -35px;
  top: 50%;
  transform: translateY(-50%);
}

.fx-input-domain-icon svg {
  display: block;
}

.fx-lockpop-mask {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.fx-lockpop-mask.ng-enter {
  opacity: 0;
}

.fx-lockpop-mask.ng-enter-active {
  opacity: 1;
}

.fx-lockpop-mask.ng-leave-active {
  opacity: 0;
}

.fx-lockpop-mask.ng-leave {
  opacity: 1;
}

.fx-lockpop-popover {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 110;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0,0,0,.12);
  border: 1px solid #ced3e0;
  overflow-y: auto;
  overflow-x: hidden;
  opacity: 0;
}

.fx-messages-bottom.ng-active {
  position: relative;
  padding: 10.5px 15.75px;
  margin-top: 20px;
}

.fx-messages-bottom.ng-active::after {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -10px;
  border-bottom: 10px solid #ef5c48;
  border-left: 10px solid rgba(0,0,0,0);
  border-right: 10px solid rgba(0,0,0,0);
}

.fx-messages-bottom.ng-active.fx-messages--danger {
  background: #ef5c48;
}

.fx-messages-bottom.ng-active.fx-messages--danger::after {
  border-bottom-color: #ef5c48;
}

.fx-messages-bottom.ng-active.fx-messages--success::after {
  border-bottom-color: #7dd366;
}

.fx-messages__message {
  color: #fff;
}

.fx-messages__message:not(:last-child) {
  margin-bottom: 10px;
}

.fx-messages--xs {
  padding: 7px 10.5px;
}

.fx-messages-inline {
  position: absolute;
}

.fx-messages-inline {
  bottom: 100%;
  right: 0;
  margin-bottom: 5px;
}

.fx-messages-inline__message {
  color: #ef5c48;
}

.fx-modal-open {
  overflow: hidden;
}

.fx-modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20000;
  text-align: center;
  -webkit-overflow-scrolling: touch;
  padding-top: 40px;
  padding-bottom: 40px;
  outline: 0;
}

.fx-modal-open .fx-modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.fx-modal-dialog {
  margin: 0 auto;
  background: #fff;
  height: auto;
  width: 600px;
  border-radius: 4px;
  box-shadow: 0 10px 20px rgba(0,0,0,.16);
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}

.fx-modal-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #5c5854;
}

.fx-modal-backdrop.fade {
  opacity: 0;
}

.fx-modal-backdrop.in {
  opacity: .5;
}

.fx-modal--sm {
  width: 550px;
  min-height: 180px;
}

.fx-modal--md {
  width: 800px;
}

.fx-modal--lg {
  position: absolute;
  top: 10%;
  left: 10%;
  bottom: 10%;
  right: 10%;
  width: auto;
}

.fx-modal--xl {
  position: absolute;
  top: 20px;
  left: 20px;
  bottom: 20px;
  right: 20px;
  width: auto;
}

.fx-modal--xl .fx-modal__header {
  position: absolute;
  top: 0;
  width: 100%;
  height: 64px;
}

.fx-modal--xl .fx-modal__body {
  position: absolute;
  top: 64px;
  width: 100%;
  bottom: 74px;
  overflow: auto;
}

.fx-modal--xl .fx-modal__footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 74px;
  overflow: hidden;
}

.fx-modal--full {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: auto;
  border-radius: 0;
}

.fx-modal--full .fx-modal__header {
  position: absolute;
  top: 0;
  width: 100%;
  height: 64px;
  border-radius: 0;
}

.fx-modal--full .fx-modal__body {
  position: absolute;
  top: 64px;
  width: 100%;
  bottom: 74px;
  overflow: auto;
  border-radius: 0;
}

.fx-modal--full .fx-modal__footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 74px;
  overflow: auto;
}

.fx-modal__header {
  font-size: 14px;
  color: #7d7a78;
  background: #fff;
  padding: 0 20px;
  height: 64px;
  line-height: 64px;
  border-bottom: 1px solid #ced3e0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  letter-spacing: .02em;
}

.fx-modal__breadcrumbs {
  width: 600px;
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  margin-left: -300px;
}

.fx-modal__close {
  float: right;
  cursor: pointer;
}

.fx-modal__close svg {
  fill: #cfccca;
  display: inline-block;
  vertical-align: middle;
}

.fx-modal__close:hover svg {
  fill: #004cff;
}

.fx-modal__body {
  position: relative;
  padding: 20px;
  background-clip: padding-box;
  outline: 0;
}

.fx-modal__body:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.fx-modal__footer {
  border-top: 1px solid #ced3e0;
  padding: 15px 15px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  display: block;
}

.fx-modal__footer:after {
  content: "";
  display: table;
  clear: both;
}

.fx-modal__footer .btn+.btn {
  margin-left: 5px;
  margin-bottom: 0;
}

.fx-modal__footer .btn-group .btn+.btn {
  margin-left: -1px;
}

.fx-modal__footer .btn-block+.btn-block {
  margin-left: 0;
}

.fx-nav {
  display: inline-block;
  font-size: 0;
}

.fx-nav--primary>.fx-nav__item--active {
  color: #004cff !important;
}

.fx-nav--primary>.fx-nav__item--active::after {
  background: #004cff !important;
}

.fx-nav--accent>.fx-nav__item--active {
  color: #4d577b !important;
}

.fx-nav--accent>.fx-nav__item--active::after {
  background: #4d577b !important;
}

.fx-nav--sm>.fx-nav__item {
  height: 37px;
  line-height: 37px;
}

.fx-nav--lg>.fx-nav__item {
  height: 64px;
  line-height: 64px;
}

.fx-nav__item {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0 15.75px;
  height: 44px;
  line-height: 44px;
  cursor: pointer;
  color: #7d7a78;
}

.fx-nav__item::after {
  position: absolute;
  display: inline-block;
  content: "";
  width: 100%;
  height: 4px;
  bottom: 0;
  left: 0;
  opacity: 0;
  transform: translate(0, 4px);
  transition: all .2s ease;
}

.fx-nav__item:hover::after {
  opacity: 1;
  background: #cfccca;
  transform: translate(0, 0);
  transition: all .2s ease;
}

.fx-nav__item:active::after {
  color: #63615f;
  background: #c3bfbd;
  transition: all .2s ease;
}

.fx-nav__item.fx-nav__item--active {
  color: #5c5854;
}

.fx-nav__item.fx-nav__item--active::after {
  opacity: 1 !important;
  background: #5c5854;
  transform: translate(0, 0);
}

.fx-nav__item[disabled=disabled] {
  opacity: .5;
  pointer-events: none;
}

.fx-popover {
  position: absolute;
  z-index: 20000;
  display: block;
  max-width: 200px;
  color: #fff;
  text-decoration: none;
  background-color: #302b27;
  padding: 7px 12px;
  box-shadow: 0 3px 6px rgba(0,0,0,.12);
  border-radius: 4px;
}

.fx-popover.bottom,
.fx-popover.bottom-right,
.fx-popover.bottom-left {
  margin-top: 7px;
}

.fx-popover.right {
  margin-left: 14px;
}

.fx-popover.top,
.fx-popover.top-left,
.fx-popover.top-right {
  margin-bottom: 14px;
}

.fx-popover.left {
  margin-right: 14px;
}

.fx-popover::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-color: rgba(0,0,0,0);
  border-style: solid;
}

.fx-popover.top::after {
  bottom: -7px;
  left: 50%;
  margin-left: -7px;
  border-width: 7px 7px 0;
  border-top-color: #302b27;
}

.fx-popover.top-left::after {
  bottom: -7px;
  right: 7px;
  margin-bottom: -7px;
  border-width: 7px 7px 0;
  border-top-color: #302b27;
}

.fx-popover.top-right::after {
  bottom: -7px;
  left: 7px;
  margin-bottom: -7px;
  border-width: 7px 7px 0;
  border-top-color: #302b27;
}

.fx-popover.right::after {
  top: 50%;
  left: -7px;
  margin-top: -7px;
  border-width: 7px 7px 7px 0;
  border-right-color: #302b27;
}

.fx-popover.left::after {
  top: 50%;
  right: -7px;
  margin-top: -7px;
  border-width: 7px 0 7px 7px;
  border-left-color: #302b27;
}

.fx-popover.bottom::after {
  top: -7px;
  left: 50%;
  margin-left: -7px;
  border-width: 0 7px 7px;
  border-bottom-color: #302b27;
}

.fx-popover.bottom-left::after {
  top: -7px;
  right: 7px;
  margin-top: -7px;
  border-width: 0 7px 7px;
  border-bottom-color: #302b27;
}

.fx-popover.bottom-right::after {
  top: -7px;
  left: 7px;
  margin-top: -7px;
  border-width: 0 7px 7px;
  border-bottom-color: #302b27;
}

.fx-popover--primary {
  background: #004cff;
}

.fx-popover--primary::after {
  border-color: #004cff;
}

.fx-popover--accent {
  background: #4d577b;
}

.fx-popover--accent::after {
  border-color: #4d577b;
}

.fx-popup {
  position: relative;
  padding: 10.5px 15.75px;
  background: #fff;
}

.fx-popup.fx-popup--danger {
  background: #ef5c48;
}

.fx-popup.fx-popup--danger::after {
  border-bottom-color: #ef5c48;
}

.fx-popup.fx-popup--success {
  background: #7dd366;
}

.fx-popup.fx-popup--success::after {
  border-bottom-color: #7dd366;
}

.fx-popup--bottom::after {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -10px;
  border-bottom: 10px solid #fff;
  border-left: 10px solid rgba(0,0,0,0);
  border-right: 10px solid rgba(0,0,0,0);
}

.fx-popup--right {
  margin-left: 10px;
}

.fx-popup--right::after {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  margin-top: -10px;
  border-right: 10px solid #fff;
  border-left: 10px solid rgba(0,0,0,0);
  border-bottom: 10px solid rgba(0,0,0,0);
}

.fx-popup--left {
  margin-right: 10px;
}

.fx-popup--left::after {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  margin-top: -10px;
  border-left: 10px solid #fff;
  border-right: 10px solid rgba(0,0,0,0);
  border-bottom: 10px solid rgba(0,0,0,0);
}

.fx-radio-group {
  position: relative;
}

.fx-radio-group--circle .fx-radio {
  border-radius: 50%;
}

.fx-radio-group--circle .fx-radio::before {
  border-radius: 50%;
}

.fx-radio {
  position: relative;
  display: inline-block;
  background: #cfccca;
  cursor: pointer;
  vertical-align: middle;
  border: 2px solid #7d7a78;
}

.fx-radio:hover {
  border: 2px solid #63615f;
}

.fx-radio:active {
  background: #c3bfbd;
}

.fx-radio::before {
  content: "";
  position: absolute;
  border-color: #7d7a78;
  background: #cfccca;
  transform: scale(0);
  transition: transform .15s ease-in-out;
}

.fx-radio+label {
  vertical-align: middle;
}

.fx-radio--active::before {
  transform: scale(1);
  transition: transform .15s ease-in-out;
}

.fx-radio-group--sm .fx-radio {
  height: 24.6666666667px;
  width: 24.6666666667px;
}

.fx-radio-group--sm .fx-radio::before {
  width: 12.6666666667px;
  height: 12.6666666667px;
  border-width: 2px;
  border-style: solid;
  top: 2px;
  left: 2px;
}

.fx-radio-group--sm .fx-radio+label {
  line-height: 24.6666666667px;
}

.fx-radio-group--md .fx-radio {
  height: 29.3333333333px;
  width: 29.3333333333px;
}

.fx-radio-group--md .fx-radio::before {
  width: 17.3333333333px;
  height: 17.3333333333px;
  border-width: 2px;
  border-style: solid;
  top: 2px;
  left: 2px;
}

.fx-radio-group--md .fx-radio+label {
  line-height: 29.3333333333px;
}

.fx-radio-group--lg .fx-radio {
  height: 42.6666666667px;
  width: 42.6666666667px;
}

.fx-radio-group--lg .fx-radio::before {
  width: 30.6666666667px;
  height: 30.6666666667px;
  border-width: 2px;
  border-style: solid;
  top: 2px;
  left: 2px;
}

.fx-radio-group--lg .fx-radio+label {
  line-height: 42.6666666667px;
}

.fx-radio-group--primary .fx-radio.fx-radio--active::before {
  background: #004cff;
  border-color: #0023b3;
}

.fx-radio-group--success .fx-radio.fx-radio--active::before {
  background: #7dd366;
  border-color: #43b835;
}

.fx-radio-group--warning .fx-radio.fx-radio--active::before {
  background: #e9b049;
  border-color: #cd9f19;
}

.fx-radio-group--danger .fx-radio.fx-radio--active::before {
  background: #ef5c48;
  border-color: #d83e13;
}

[fx-slider] {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 18.5px;
  margin: 20px 0 0 0;
  vertical-align: middle;
  border-radius: 500px;
}

[fx-slider] span {
  position: absolute;
  display: inline-block;
  white-space: nowrap;
}

[fx-slider] span.base {
  width: 100%;
  height: 100%;
  padding: 0;
}

[fx-slider] span.bar {
  z-index: 0;
  width: 100%;
  height: 100%;
  background: #e1dfde;
  border-radius: 500px;
}

[fx-slider] span.bar.selection {
  z-index: 1;
  width: 0;
  border: 2px solid #7d7a78;
  background: #cfccca;
  border-radius: 0;
}

[fx-slider] span.pointer {
  top: 0;
  z-index: 2;
  width: 18.5px;
  height: 18.5px;
  cursor: pointer;
  border: 2px #7d7a78 solid;
  background-color: #cfccca;
  border-radius: 50%;
}

[fx-slider] span.pointer.active {
  border-color: #302b27;
}

[fx-slider] span.bubble {
  top: -19.25px;
  color: #5c5854;
  cursor: default;
}

[fx-slider] span.bubble.selection {
  color: #5c5854;
}

[fx-slider] span.bubble.limit {
  color: #cfccca;
}

[fx-slider].fx-slider--inverse span.limit {
  color: #969492;
}

[fx-slider].fx-slider--inverse span.bar {
  background: #cfccca;
}

[fx-slider].fx-slider--inverse span.bar.selection {
  background: #5c5854;
}

[fx-slider].disabled {
  pointer-events: none;
}

[fx-slider].disabled span.pointer {
  display: none;
}

[fx-slider].disabled span.bubble {
  color: #cfccca !important;
  opacity: .5 !important;
}

[fx-slider].disabled span.bar.selection {
  display: none;
}

.sortable-accordion-group--active .sortable-accordion-controls+.sortable-accordion-toolbar {
  opacity: 1;
}

.sortable-accordion-controls {
  width: 100%;
  position: relative;
  height: 37px;
  display: block;
}

.sortable-accordion-controls:after {
  content: "";
  display: table;
  clear: both;
}

.sortable-accordion-toolbar {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  height: 37px;
}

.sortable-accordion-toolbar:hover {
  opacity: 1;
}

.sortable-accordion-toolbar__header {
  position: relative;
  width: 100%;
}

.sortable-accordion-group__body {
  background: rgba(0,0,0,.02);
  box-shadow: inset 0 3px 6px rgba(0,0,0,.16),inset 0 3px 6px rgba(0,0,0,.23);
}

.sortable-accordion-group__body .fx-btn--active {
  background: rgba(0,0,0,.2);
}

.fx-svg,
.svg {
  display: inline-block;
  fill: #7d7a78;
  vertical-align: middle;
  line-height: 0;
}

.fx-svg-btn {
  display: inline-block;
  cursor: pointer;
}

.fx-svg-btn>svg {
  fill: #cfccca;
  display: block;
}

.fx-svg-btn:hover>svg {
  fill: #7d7a78;
}

.fx-svg-btn[disabled=disabled] {
  pointer-events: none;
  cursor: default;
}

.fx-svg-btn[disabled=disabled]>svg {
  fill: #e8e7e6 !important;
}

.fx-svg-btn.fx-svg-btn--primary:hover>svg {
  fill: #004cff !important;
}

.fx-svg-btn.fx-svg-btn--danger:hover>svg {
  fill: #ef5c48 !important;
}

.fx-svg-btn.fx-svg-btn--success:hover>svg {
  fill: #7dd366 !important;
}

.fx-svg-btn.fx-svg-btn--mono>svg {
  fill: #7d7a78;
}

.fx-svg-btn.fx-svg-btn--mono:hover>svg {
  fill: #5c5854;
}

.fx-svg-btn.fx-svg-btn--mono[disabled=disabled]>svg {
  fill: #cfccca !important;
}

.fx-svg-vmiddle {
  height: 100%;
}

.fx-svg-vmiddle:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.fx-svg-vmiddle svg {
  display: inline-block;
  vertical-align: middle;
}

.fx-svg-btn--active>svg {
  fill: #004cff;
}

.fx-svg-btn--active:hover>svg {
  fill: #0023b3;
}

.fx-svg-btn--sm {
  height: 37px;
}

.fx-svg-btn--md {
  height: 44px;
}

.fx-svg-btn--lg {
  height: 64px;
}

.fx-switch {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 2px;
  background-color: #cfccca;
  cursor: pointer;
  background-clip: content-box;
  box-sizing: content-box;
  border-color: rgba(0,0,0,0);
  border-style: solid;
}

.fx-switch[disabled=disabled] {
  pointer-events: none !important;
  opacity: .5 !important;
}

.fx-switch:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  background: #fff;
  box-shadow: inset 0 0 0 2px #cfccca;
  transition: transform .1s ease-in-out,box-shadow .05s,background .05s;
  border-radius: 50%;
}

.fx-switch:hover:before {
  box-shadow: inset 0 0 0 2px #7d7a78;
}

.fx-switch--primary:before {
  background: #004cff;
  box-shadow: inset 0 0 0 2px #0023b3;
}

.fx-switch--primary:hover:before {
  box-shadow: inset 0 0 0 2px #001980;
}

.fx-switch--success:before {
  background: #7dd366;
  box-shadow: inset 0 0 0 2px #43b835;
}

.fx-switch--success:hover:before {
  box-shadow: inset 0 0 0 2px #359029;
}

.fx-switch--warning:before {
  background: #e9b049;
  box-shadow: inset 0 0 0 2px #cd9f19;
}

.fx-switch--warning:hover:before {
  box-shadow: inset 0 0 0 2px #9f7b13;
}

.fx-switch--danger:before {
  background: #ef5c48;
  box-shadow: inset 0 0 0 2px #d83e13;
}

.fx-switch--danger:hover:before {
  box-shadow: inset 0 0 0 2px #a9310f;
}

.fx-switch--sm {
  border-top-width: 7px;
  border-bottom-width: 7px;
  width: 28px;
}

.fx-switch--sm:before {
  margin-top: -7px;
  width: 14px;
  height: 14px;
}

.fx-switch--sm.fx-switch--active:before {
  transform: translate3d(14px, 0, 0);
}

.fx-switch--md {
  border-top-width: 10px;
  border-bottom-width: 10px;
  width: 40px;
}

.fx-switch--md:before {
  margin-top: -10px;
  width: 20px;
  height: 20px;
}

.fx-switch--md.fx-switch--active:before {
  transform: translate3d(20px, 0, 0);
}

.fx-switch--lg {
  border-top-width: 12.5px;
  border-bottom-width: 12.5px;
  width: 50px;
}

.fx-switch--lg:before {
  margin-top: -12.5px;
  width: 25px;
  height: 25px;
}

.fx-switch--lg.fx-switch--active:before {
  transform: translate3d(25px, 0, 0);
}

.fx-table--fixed {
  table-layout: fixed;
}

.fx-table--scrollable thead,
.fx-table--scrollable tbody tr {
  display: table;
  width: 100%;
}

.fx-table--scrollable tbody {
  display: block;
  overflow: auto;
}

.fx-table-outlined {
  background: #fff;
  width: 100%;
  z-index: 0;
}

.fx-table-outlined th,
.fx-table-outlined td {
  position: relative;
}

.fx-table-outlined>thead {
  border-collapse: separate;
  border-spacing: 0px;
  background: #e8e7e6;
  z-index: 2;
}

.fx-table-outlined>thead>tr {
  border-bottom: 2px solid #d7d5d3;
}

.fx-table-outlined>thead>tr>th {
  color: #5c5854;
  border-bottom: 4px solid #d7d5d3;
  padding: 10.5px 15.75px;
}

.fx-table-outlined>thead>tr>th.fx-has-input {
  border-bottom: 4px solid #d7d5d3;
}

.fx-table-outlined>tbody {
  background: rgba(0,0,0,0);
  border-collapse: collapse;
}

.fx-table-outlined>tbody>tr:nth-child(even) {
  background: rgba(0,0,0,.03);
}

.fx-table-outlined>tbody>tr>td {
  border: 2px dotted rgba(0,0,0,0);
  padding: 10.5px 15.75px;
}

.fx-table-outlined .fx-has-input {
  padding: 0;
  border: 2px solid #d7d5d3;
}

.fx-table-outlined .fx-has-input>input {
  width: 100%;
  border: 0;
}

.fx-table-outlined .fx-has-input>input:focus {
  box-shadow: 0 0 0 2px #004cff;
}

.fx-table-outlined .fx-has-input.fx-has-input--dashed {
  border: 2px dashed #d7d5d3;
}

.fx-table-outlined [class*=fx-btn-] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
}

.fx-tabs {
  display: flex;
  height: 100%;
  justify-content: center;
}

.fx-tab {
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #7d7a78;
  position: relative;
  cursor: pointer;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 2px;
}

.fx-tab span {
  padding: 8px;
  border-bottom: 2px solid rgba(0,0,0,0);
}

.fx-tab:hover:not(.fx-tab--active):not(.fx-tab--mono-active):not(.tab--full-height) span {
  border-bottom: 2px solid #004cff;
}

.fx-tab.tab--full-height span {
  border-bottom: 0;
}

.fx-tab.tab--full-height:hover::after {
  height: 3px;
  background: #004cff;
}

.fx-tab.tab--full-height:hover span {
  border-bottom: 0;
}

.fx-tab.fx-tab--active::after {
  height: 3px;
  background: #004cff;
}

.fx-tab--active {
  color: #4d577b;
}

.fx-tab--active span {
  border-bottom: 2px solid #004cff;
}

.fx-tie {
  position: relative;
  background: #7d7a78;
  color: #fff;
  width: 100%;
  box-shadow: 0 1px 3px rgba(0,0,0,.12);
}

.fx-tie--primary {
  background: #004cff;
}

.fx-tie--white {
  background: #fff;
  color: #5c5854;
}

.fx-tie--success {
  background: #7dd366;
}

.fx-tie--warning {
  background: #e9b049;
}

.fx-tie--danger {
  background: #ef5c48;
}

.fx-tie--sm {
  padding: 7px 12px;
}

.fx-tie--md {
  padding: 10.5px 15.75px;
}

.fx-tie--lg {
  padding: 17.5px 35px;
}

.fx-timeline {
  display: block;
  position: relative;
  width: 100%;
}

.fx-timeline:after {
  content: "";
  display: table;
  clear: both;
}

.fx-timeline:first-child .fx-timeline__stripe {
  top: 10.5px;
}

.fx-timeline:first-child .fx-timeline__stripe:before {
  top: 0;
}

.fx-timeline:first-child .fx-timeline__stripe:after {
  top: -6px;
}

.fx-timeline:last-child .fx-timeline__stripe {
  height: 10.5px;
}

.fx-timeline--active .fx-timeline__stripe:before {
  background: #cd9f19;
}

.fx-timeline--active .fx-timeline__card>header {
  color: #fff;
  background: #cd9f19;
}

.fx-timeline--active .fx-timeline__card::before {
  border-right: 6px solid #cd9f19;
}

.fx-timeline__stripe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 6px;
  margin-left: 5.25px;
  margin-right: 21px;
  background: #e8e7e6;
  z-index: 1;
}

.fx-timeline__stripe:before,
.fx-timeline__stripe:after {
  content: "";
  position: absolute;
  transform: rotate(45deg);
}

.fx-timeline__stripe:before {
  width: 12px;
  height: 12px;
  top: 10.5px;
  left: -3px;
  background: #302b27;
  z-index: 3;
}

.fx-timeline__stripe:after {
  width: 24px;
  height: 24px;
  top: 4.5px;
  left: -9px;
  background: #e8e7e6;
  z-index: 2;
}

.fx-timeline__card {
  position: relative;
  background: #fff;
  margin-left: 37.5px;
  margin-bottom: 30px;
  box-shadow: 0 0 1px rgba(0,0,0,.15);
}

.fx-timeline__card>header {
  background: #e8e7e6;
}

.fx-timepicker-input {
  width: 55px;
  text-align: center;
}

.fx-timepicker-meridian-btn {
  vertical-align: top;
}

.fx-tooltip {
  position: absolute;
  z-index: 20000;
  display: block;
  color: #5c5854;
  pointer-events: none;
  opacity: 0;
  border-radius: 4px;
}

.fx-tooltip.in {
  opacity: 1;
}

.fx-tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}

.fx-tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}

.fx-tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}

.fx-tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}

.fx-tooltip-inner {
  max-width: 200px;
  padding: 7px 10.5px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #5c5854;
  box-shadow: 0 3px 6px rgba(0,0,0,.12);
  border-radius: 4px;
}

.fx-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: rgba(0,0,0,0);
  border-style: solid;
}

.fx-tooltip.top .fx-tooltip-arrow {
  bottom: 1px;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: currentColor;
}

.fx-tooltip.right .fx-tooltip-arrow {
  top: 50%;
  left: 0px;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: currentColor;
}

.fx-tooltip.left .fx-tooltip-arrow {
  top: 50%;
  right: 0px;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: currentColor;
}

.fx-tooltip.bottom .fx-tooltip-arrow {
  top: 2px;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: currentColor;
}

.fx-tooltip--primary {
  color: #004cff;
}

.fx-tooltip--primary .fx-tooltip-inner {
  background: #004cff;
}

.fx-tooltip--accent {
  color: #30334c;
}

.fx-tooltip--accent .fx-tooltip-inner {
  background: #30334c;
}

.fx-tooltip--no-max .fx-tooltip-inner {
  max-width: none;
}

.fx-tour-guide-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-style: solid;
  border-color: rgba(0,0,0,.3);
  z-index: 15000;
  background: none;
  overflow: visible;
  box-shadow: inset 0 0 0 4px #004cff;
  pointer-events: none;
  opacity: 0;
}

.fx-tour-guide-dialog {
  position: absolute;
  width: 300px;
  top: 0;
  left: 0;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0,0,0,.12);
  z-index: 15001;
  pointer-events: auto !important;
  opacity: 0;
}

.fx-tour-guide-dialog__inner {
  position: relative;
  padding: 15px;
}

.fx-tour-guide-stop-active {
  pointer-events: auto !important;
}

.fx-tour-guide-active {
  pointer-events: none !important;
}

.fx-tour-guide-next {
  display: inline-block;
  vertical-align: middle;
  min-height: 28px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.fx-tour-guide-end {
  display: inline-block;
  vertical-align: middle;
  color: #cfccca;
  font-weight: 700 !important;
  cursor: pointer;
}

.fx-tour-guide-end:hover {
  color: #004cff;
}

.fx-tour-checklist {
  position: absolute;
  bottom: 10px;
  right: 50%;
  width: 700px;
  height: 210px;
  padding: 5px;
  background: #302b27;
  box-shadow: 0 2px 8px rgba(0,0,0,.3);
  z-index: 1000;
  transform: translate3d(-50%, 0, 0);
  transition: all .15s ease-in-out;
}

.fx-tour-checklist.ng-enter {
  opacity: 0;
}

.fx-tour-checklist.ng-enter-active {
  opacity: 1;
  transition: all .3s ease-out;
}

.fx-tour-checklist.ng-leave {
  opacity: 1;
}

.fx-tour-checklist.ng-leave.ng-leave-active {
  opacity: 0;
  transition: all .3s ease-out;
}

.fx-tour-checklist.fx-tour-checklist--minimized .fx-tour-checklist-max {
  display: none;
}

.fx-tour-checklist.fx-tour-checklist--minimized .fx-tour-checklist-min {
  display: block;
}

.fx-tour-checklist__dismiss {
  fill: #5c5854;
  cursor: pointer;
}

.fx-tour-checklist__dismiss svg {
  display: block;
}

.fx-tour-checklist__dismiss:hover {
  fill: #cfccca;
}

.fx-tour-checklist-max {
  display: block;
}

.fx-tour-checklist-min {
  display: none;
  cursor: pointer;
}

.fx-tour-checklist-min:hover .fx-tour-checklist-min__expand {
  fill: #eceae9;
}

.fx-tour-checklist-min__expand {
  fill: #e8e7e6;
}

.fx-tour-checklist__caption {
  cursor: pointer;
  color: #7d7a78;
}

.fx-tour-checklist__caption:hover {
  color: #cfccca;
}

.fx-tour-checklist__caption--active {
  color: #fff;
}

.fx-tour-checklist__caption--active:hover {
  color: #fff;
}

.fx-tour-checklist__caption-number {
  width: 15px;
  display: inline-block;
}

.fx-tour-checklist-player {
  position: relative;
}

.fx-tour-checklist-player__controls {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 110;
  cursor: pointer;
}

.fx-tour-checklist-player__controls>[fx-svg],
.fx-tour-checklist-player__controls>.svg {
  padding: 15px;
  border-radius: 50%;
  width: 58px;
  height: 58px;
  fill: #fff;
  background-color: rgba(0,0,0,.6);
}

.fx-tour-checklist-player__video {
  cursor: pointer;
}

.fx-vnav {
  letter-spacing: .04em;
  position: relative;
  padding: 10px 15px;
  cursor: pointer;
  color: #5c5854;
}

.fx-vnav::after {
  position: absolute;
  display: block;
  content: "";
  width: 4px;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  background: #cfccca;
  transform: translate(4px, 0);
  transition: all .2s ease;
}

.fx-vnav:hover {
  background: #f1efee;
}

.fx-vnav:hover::after {
  opacity: 1;
  transform: translate(0, 0);
  transition: all .2s ease;
}

.fx-vnav:hover .fx-vnav__icon svg {
  fill: #7d7a78;
}

.fx-vnav:active {
  background: #eceae9;
}

.fx-vnav.fx-vnav--active {
  color: #004cff;
  background: #f1efee;
}

.fx-vnav.fx-vnav--active::after {
  opacity: 1;
  background: #004cff;
  transform: translate(0, 0);
}

.fx-vnav.fx-vnav--active .fx-vnav__icon svg {
  fill: #004cff;
}

.fx-vnav.fx-vnav--xs {
  font-size: 12px;
}

.fx-vnav.fx-vnav--accent.fx-vnav--active {
  color: #4d577b !important;
  background: #f1efee;
}

.fx-vnav.fx-vnav--accent.fx-vnav--active::after {
  opacity: 1;
  background: #4d577b !important;
  transform: translate(0, 0);
}

.fx-vnav.fx-vnav--accent.fx-vnav--active .fx-vnav__icon svg {
  fill: #4d577b !important;
}

.fx-vnav__icon {
  width: 37px;
  display: inline-block;
  vertical-align: top;
}

.fx-vnav__icon svg {
  display: block;
  fill: #cfccca;
}

.fx-vnav__label {
  display: inline-block;
}

.fx-well {
  position: relative;
  width: 100%;
  display: block;
  background: #e8e7e6;
  padding: 10.5px 15.75px;
  box-shadow: 0 1px 3px rgba(0,0,0,.12);
}

.fx-well--rounded {
  border-radius: 4px;
}

.fx-well--danger {
  background: #feeee6;
  color: #ef5c48;
}


.files-table-select,
.files-move-item,
.files-move-modal__body-header-action {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.files-table-select-td,
.files-table-select-th,
.files-modal-preview-header,
.files-move-item>.files-move-item__title,
.files-move-modal__body-header-action,
.files-contextable-menu-item {
  font-size: 14px;
  font-weight: normal;
  line-height: 21px;
  letter-spacing: .02em;
}

.files-table-select-th,
.files-move-item>.files-move-item__title.files-table-select-th,
.files-hoverable-component__label.files-table-select-td,
.files-hoverable-component__label.files-modal-preview-header,
.files-move-item>.files-hoverable-component__label.files-move-item__title,
.files-hoverable-component__label.files-move-modal__body-header-action,
.files-hoverable-breadcrumb__label.files-table-select-td,
.files-hoverable-breadcrumb__label.files-modal-preview-header,
.files-move-item>.files-hoverable-breadcrumb__label.files-move-item__title,
.files-hoverable-breadcrumb__label.files-move-modal__body-header-action,
.files-contextable-menu-item__keybinding.files-table-select-td,
.files-contextable-menu-item__keybinding.files-modal-preview-header,
.files-move-item>.files-contextable-menu-item__keybinding.files-move-item__title,
.files-contextable-menu-item__keybinding.files-move-modal__body-header-action,
.files-contextable-menu-item.files-hoverable-component__label,
.files-contextable-menu-item.files-hoverable-breadcrumb__label,
.files-contextable-menu-item.files-contextable-menu-item__keybinding {
  font-size: 12px;
  line-height: 18px;
}

.files-table-select-td,
.files-table-select-th {
  font-size: 12px;
  line-height: 18px;
}

.files-breadcrumbs {
  font-weight: 300;
  font-size: 18px;
  line-height: 27px;
}

.files-table-select-th,
.files-hoverable-component__label,
.files-hoverable-breadcrumb__label,
.files-contextable-menu-item__keybinding {
  font-size: 14px;
  line-height: 21px;
}

.files-table-select-th,
.files-hoverable-component__label,
.files-hoverable-breadcrumb__label,
.files-contextable-menu-item__keybinding {
  font-size: 10px;
  line-height: 15px;
}

.files-table-select-th,
.files-hoverable-component__label,
.files-hoverable-breadcrumb__label,
.files-contextable-menu-item__keybinding,
.files-move-item>.files-move-item__title.files-table-select-th {
  letter-spacing: .05em;
  text-transform: uppercase;
}

.files-table-select-th {
  font-weight: 700 !important;
}

.files-modal-preview-header,
.files-hoverable-component__label,
.files-hoverable-breadcrumb__label,
.files-contextable-menu-item__keybinding,
.files-breadcrumbs-dropdown-toggle {
  font-weight: 600 !important;
}

.files-hoverable-component__label,
.files-hoverable-breadcrumb__label {
  font-family: "IBM Plex Sans",sans-serif !important;
}

.files-modal-preview__list-card,
.files-card,
.files-card__image,
.files-card__folder,
.files-card__other {
  vertical-align: top;
  position: relative;
}

.files-card__image>.files-card__image-body {
  position: relative;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.12);
  border: 1px solid #cfccca;
}

.files-card__image .files-card__image-footer,
.files-card-footer {
  text-align: left;
  text-decoration: none;
}

.ng-hide-add.files-hoverable-component,
.ng-hide-add.files-hoverable-breadcrumb,
.ng-hide-add-active.files-hoverable-component,
.ng-hide-add-active.files-hoverable-breadcrumb,
.ng-hide-remove-active.files-hoverable-component,
.ng-hide-remove-active.files-hoverable-breadcrumb,
.ng-hide-remove.files-hoverable-component,
.ng-hide-remove.files-hoverable-breadcrumb,
.ng-enter.files-hoverable-component,
.ng-enter.files-hoverable-breadcrumb,
.ng-enter-active.files-hoverable-component,
.ng-enter-active.files-hoverable-breadcrumb,
.ng-leave.files-hoverable-component,
.ng-leave.files-hoverable-breadcrumb {
  transition: opacity .1s ease-in-out;
}

.ng-hide-add.files-hoverable-component,
.ng-hide-add.files-hoverable-breadcrumb,
.ng-leave.files-hoverable-component,
.ng-leave.files-hoverable-breadcrumb {
  opacity: 1;
}

.ng-hide-add.ng-hide-add-active.files-hoverable-component,
.ng-hide-add.ng-hide-add-active.files-hoverable-breadcrumb,
.ng-hide-add.ng-leave-active.files-hoverable-component,
.ng-hide-add.ng-leave-active.files-hoverable-breadcrumb,
.ng-leave.ng-hide-add-active.files-hoverable-component,
.ng-leave.ng-hide-add-active.files-hoverable-breadcrumb,
.ng-leave.ng-leave-active.files-hoverable-component,
.ng-leave.ng-leave-active.files-hoverable-breadcrumb {
  opacity: 0;
}

.ng-hide-remove.files-hoverable-component,
.ng-hide-remove.files-hoverable-breadcrumb,
.ng-enter.files-hoverable-component,
.ng-enter.files-hoverable-breadcrumb {
  opacity: 0;
}

.ng-hide-remove.ng-hide-remove-active.files-hoverable-component,
.ng-hide-remove.ng-hide-remove-active.files-hoverable-breadcrumb,
.ng-hide-remove.ng-enter-active.files-hoverable-component,
.ng-hide-remove.ng-enter-active.files-hoverable-breadcrumb,
.ng-enter.ng-hide-remove-active.files-hoverable-component,
.ng-enter.ng-hide-remove-active.files-hoverable-breadcrumb,
.ng-enter.ng-enter-active.files-hoverable-component,
.ng-enter.ng-enter-active.files-hoverable-breadcrumb {
  opacity: 1;
}

.fx-btn-primary {
  fill: #fff !important;
}

.files-modal-cloud__backdrop {
  background-color: #302b27;
}

.files-cloud .files-modal__header {
  background: #fff;
}

.files-cloud .files-modal__body {
  position: absolute;
  top: 65px;
  bottom: 75px;
  right: 0;
  left: 0;
  width: auto !important;
  overflow: hidden;
}

.files-cloud .files-modal__body-breadcrumbs {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 51px;
  width: 100%;
  z-index: 110;
}

.files-cloud .files-modal__body-table {
  background: #eceae9;
  position: absolute;
  top: 51px;
  bottom: 0;
  width: 100%;
}

.files-cloud .files-modal__footer {
  position: absolute;
  height: 75px;
  left: 0;
  right: 0;
  bottom: 0;
}

.files-breadcrumbs {
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  color: rgba(0,0,0,.87);
  line-height: 51px;
  font-size: 14px;
  font-weight: 500;
  padding-left: 20px;
}

[files-breadcrumb] {
  position: relative;
  height: 100%;
}

.files-breadcrumb--active {
  color: #004cff;
}

.files-breadcrumbs-dropdown-toggle {
  position: relative;
  cursor: pointer;
}

.files-breadcrumbs-dropdown-toggle:hover::after {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgMTEuOTkgNyI+PHBhdGggZmlsbD0iIzdkN2E3OCIgZD0iTTYsN0g2YTEsMSwwLDAsMS0uNzEtMC4yOWwtNS01QTEsMSwwLDAsMSwxLDBIMTFhMSwxLDAsMCwxLC43MSwxLjcxbC01LDVBMSwxLDAsMCwxLDYsN1pNMy40MiwyTDYsNC41OCw4LjU5LDJIMy40MloiLz48L3N2Zz4=) center center no-repeat;
}

.files-breadcrumbs-dropdown-toggle::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -20px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgMTEuOTkgNyI+PHBhdGggZmlsbD0iI2NmY2NjYSIgZD0iTTYsN0g2YTEsMSwwLDAsMS0uNzEtMC4yOWwtNS01QTEsMSwwLDAsMSwxLDBIMTFhMSwxLDAsMCwxLC43MSwxLjcxbC01LDVBMSwxLDAsMCwxLDYsN1pNMy40MiwyTDYsNC41OCw4LjU5LDJIMy40MloiLz48L3N2Zz4=) center center no-repeat;
  background-size: 100%;
  margin-top: -3.5px;
  height: 7px;
  width: 12px;
}

.files-contextable-mask {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 20000;
}

.files-contextable-menu {
  position: absolute;
  top: 0;
  left: 0;
  width: 220px;
  background: #fff;
  border: 1px solid #cfccca;
  border-radius: 2px;
  box-shadow: 0 3px 6px rgba(0,0,0,.12);
}

.files-contextable-menu--bottom {
  top: 100%;
}

.files-contextable-menu--right {
  left: auto;
  right: 0;
}

.files-contextable-menu-item {
  position: relative;
  cursor: pointer;
  height: 37px;
  line-height: 37px;
}

.files-contextable-menu-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.files-contextable-menu-item:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.files-contextable-menu-item:hover:not(.files-contextable-menu-item--active) {
  background: #fff;
}

.files-contextable-menu-item:hover:not(.files-contextable-menu-item--active) .fx-dropdown-item__icon svg {
  fill: #7d7a78;
}

.files-contextable-menu-item:active:not(.files-contextable-menu-item--active) {
  background: #f4f4f4;
  transition: background .05s ease-in-out;
}

.files-contextable-menu-item[disabled=disabled] {
  pointer-events: none;
  opacity: .3;
}

.files-contextable-menu-item>.files-contextable-menu {
  display: block;
  top: 0;
  left: 100%;
}

.files-contextable-menu-item.files-contextable-menu-item--success:hover svg {
  fill: #7dd366;
}

.files-contextable-menu-item.files-contextable-menu-item--danger:hover svg {
  fill: #ef5c48;
}

.files-contextable-menu-item__keybinding {
  color: #7d7a78;
  display: inline-block;
  padding: 0 4px;
  text-align: center;
  letter-spacing: 0;
  background: #fff;
  border: 1px solid #cfccca;
  box-shadow: 0 1px #cfccca;
  border-radius: 5px;
}

.files-contextable-menu-item__icon {
  width: 50px;
  text-align: center;
  float: left;
}

.files-contextable-menu-item__icon:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.files-contextable-menu-item__icon svg {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  fill: #cfccca;
}

.files-contextable-menu-item__label {
  display: block;
  color: #7d7a78;
  text-align: left;
}

.files-asset-details {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 350px;
  background: #fff;
  background-image: url(8fa3865ed64fbb2bb790689b07fe40e8.png);
  color: #7d7a78;
  z-index: 1050;
  overflow-x: hidden;
  overflow-y: auto;
  word-break: break-all;
  box-shadow: 0 1px 3px rgba(0,0,0,.12);
}

.files-draggable {
  pointer-events: none !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 170px;
  opacity: 1;
  background: #004cff;
  color: #fff;
  z-index: 20000;
}

.files-draggable svg {
  fill: #fff !important;
  pointer-events: none !important;
}

.files-droppable {
  position: absolute;
  border: 2px solid #004cff !important;
  background: rgba(0,76,255,.2) !important;
  color: #fff;
}

.files-droppable div {
  color: #fff !important;
}

.files-droppable-zone {
  position: absolute;
  z-index: 200;
  pointer-events: none;
  min-height: 4px;
  min-width: 4px;
  opacity: 0;
}

.files-droppable-zone--active {
  opacity: 1;
  background: rgba(0,68,230,.1);
  border: 2px solid #1a5eff;
}

.files__droppable-asset--over {
  border: 2px solid #004cff !important;
  background: rgba(0,76,255,.2) !important;
  color: #fff;
}

.files__droppable-asset--over div {
  color: #fff !important;
}

.files-card,
.files-card__image,
.files-card__folder,
.files-card__other {
  cursor: pointer;
  width: 170px;
  margin-right: 15px;
  margin-bottom: 15px;
}

.files-card svg,
.files-card__image svg,
.files-card__folder svg,
.files-card__other svg {
  fill: #cfccca;
  display: block;
}

.files-card--active,
.files-card__image.files-card__image--active,
.files-card__folder.files-card__folder--active,
.files-card__folder.files-card__other--active,
.files-card__other.files-card__folder--active,
.files-card__other.files-card__other--active {
  background: #004cff;
  color: #fff;
  box-shadow: 0 0 0 1px #4ebfe5,0 3px 6px rgba(0,0,0,.12);
}

.files-card--active .files-card__image-body,
.files-card__image.files-card__image--active .files-card__image-body,
.files-card__folder.files-card__folder--active .files-card__image-body,
.files-card__folder.files-card__other--active .files-card__image-body,
.files-card__other.files-card__folder--active .files-card__image-body,
.files-card__other.files-card__other--active .files-card__image-body {
  border-color: #004cff;
  box-shadow: none;
}

.files-card--active .files-starred svg,
.files-card__image.files-card__image--active .files-starred svg,
.files-card__folder.files-card__folder--active .files-starred svg,
.files-card__folder.files-card__other--active .files-starred svg,
.files-card__other.files-card__folder--active .files-starred svg,
.files-card__other.files-card__other--active .files-starred svg,
.files-card--active .files-card-footer svg,
.files-card__image.files-card__image--active .files-card-footer svg,
.files-card__folder.files-card__folder--active .files-card-footer svg,
.files-card__folder.files-card__other--active .files-card-footer svg,
.files-card__other.files-card__folder--active .files-card-footer svg,
.files-card__other.files-card__other--active .files-card-footer svg {
  fill: #fff !important;
}

.files-card--disabled,
.files-card__other.files-card__other--disabled {
  opacity: .3 !important;
  cursor: default !important;
  pointer-events: none !important;
}

.files-card-footer {
  min-height: 40px;
}

.files-card__folder,
.files-card__other {
  background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.12);
  border: 1px solid #cfccca;
}

.files-card__folder.files-card__folder--active,
.files-card__folder.files-card__other--active,
.files-card__other.files-card__folder--active,
.files-card__other.files-card__other--active {
  border-color: #004cff;
  box-shadow: 0 3px 6px rgba(0,0,0,.12);
}

.files-card__folder.files-card__folder--active .files-card-footer__mimetype,
.files-card__folder.files-card__other--active .files-card-footer__mimetype,
.files-card__other.files-card__folder--active .files-card-footer__mimetype,
.files-card__other.files-card__other--active .files-card-footer__mimetype {
  color: #fff !important;
  opacity: .65;
}

.files-card__image>.files-card__image-body {
  height: 170px;
  min-height: 170px;
}

.files-card__image>.files-card__image-body span {
  min-height: 170px;
  max-height: 170px;
}

.files-card__image>.files-card__image-body img {
  min-height: 170px;
  max-height: 170px;
  position: relative;
  z-index: 100;
}

.files-card__image .files-card__image-preview {
  cursor: default;
}

.files-card__image .file-card__image-placeholder svg {
  fill: #cfccca;
}

.files-hoverable-component,
.files-hoverable-breadcrumb {
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  pointer-events: none;
  z-index: 110;
  box-shadow: 0 0 0 2px rgba(125,122,120,.9);
}

.files-hoverable-component__icon,
.files-hoverable-breadcrumb__icon {
  padding: 5px;
  float: right;
}

.files-hoverable-component__icon svg,
.files-hoverable-breadcrumb__icon svg {
  fill: rgba(26,94,255,.9);
}

.files-hoverable-component__label,
.files-hoverable-breadcrumb__label {
  color: rgba(26,94,255,.9);
  padding: 7.5px;
}

.files-hoverable-breadcrumb {
  z-index: 200;
  box-shadow: 0 0 0 2px rgba(0,0,0,0);
}

.files-media {
  font-family: "IBM Plex Sans",sans-serif !important !important;
  color: #fff;
  width: 100%;
  text-align: center;
}

.files-media__icon {
  display: inline-block;
  height: 100%;
}

.files-media__icon:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.files-media__icon svg {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  fill: #fff;
}

.files-media__label {
  display: inline-block;
  vertical-align: middle;
}

.files-mode-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 220px;
  margin-left: -110px;
  background: #fff;
  border-top: 2px solid #cfccca;
  text-align: left;
  padding: 5px 0;
  display: none;
  box-shadow: 0 1px 3px rgba(0,0,0,.12);
}

.files-mode-item {
  position: relative;
  color: #7d7a78;
  fill: #cfccca;
  padding: 7px 10.5px;
  display: block;
}

.files-mode-item:after {
  content: "";
  display: table;
  clear: both;
}

.files-mode-item:hover {
  fill: #7d7a78;
  background: #efefee;
}

.files-mode-item--active {
  fill: #004cff !important;
}

.files-mode-item--active .select-gap-fill {
  fill: rgba(0,76,255,.15) !important;
}

.files-mode-item__keybinding,
.files-contextable-menu-item__keybinding {
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 7px;
  margin-right: 7px;
}

.files-mode-item__label {
  line-height: 25px;
}

.files-mode-item__icon {
  float: left;
  margin-right: 10px;
  width: 25px;
  text-align: center;
}

.files-move-modal__body {
  padding: 0 !important;
}

.files-move-modal__body-header-action {
  cursor: pointer;
  max-height: 64px;
}

.files-move-modal__body-header-action .media__img {
  width: 30px;
  text-align: center;
}

.files-move-modal__body-header-action svg {
  display: inline-block;
  vertical-align: middle;
  fill: #cfccca;
}

.files-move-modal__body-header-action.files-move-modal__body-header-action--active {
  background: #004cff !important;
  color: #fff !important;
}

.files-move-modal__body-header-action.files-move-modal__body-header-action--active svg {
  fill: #fff !important;
}

.files-move-items {
  width: 100%;
  height: 240px !important;
  overflow: auto;
}

.files-move-item {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
  color: #5c5854;
}

.files-move-item:hover {
  color: #004cff;
}

.files-move-item>.files-move-item__title {
  display: block;
  width: 100%;
}

.files-move-item>.files-move-item__title .media__img {
  width: 30px;
  text-align: center;
}

.files-move-item>.files-move-item__title svg {
  display: inline-block;
  vertical-align: middle;
  fill: #cfccca;
}

.files-move-item.files-move-item--active {
  background: #004cff !important;
  color: #fff !important;
}

.files-move-item.files-move-item--active svg {
  fill: #fff !important;
}

.files-move-item.files-move-item--disabled {
  cursor: not-allowed;
  color: #e8e7e6;
}

.files-outlineable {
  position: absolute;
  pointer-events: none;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  box-shadow: inset 0 0 0 2px #004cff;
  z-index: 110;
}

.files-modal-preview-header {
  z-index: 100;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 20px;
  line-height: 64px;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.12);
}

.files-modal-preview-header .files-starred {
  vertical-align: middle;
  display: inline-block;
  height: 54px;
}

.files-modal-preview-header-title {
  line-height: 30px;
}

.files-modal-preview__backdrop {
  background-color: #302b27;
}

.files-modal-preview__window {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.files-modal-skin,
.files-modal-preview-right,
.files-modal-preview-left {
  background: #302b27;
  color: #fff;
}

.files-modal-skin svg,
.files-modal-preview-right svg,
.files-modal-preview-left svg {
  fill: #7d7a78;
}

.files-modal-preview-left {
  position: absolute;
  top: 64px;
  bottom: 0;
  right: 195px;
  left: 0;
  text-align: center;
  overflow: auto;
  transition: all .2s ease-in-out;
}

.files-modal-preview-left.files-modal-preview-left--expanded {
  right: 0;
  width: 100%;
}

.files-modal-preview-left-inner {
  overflow: auto;
}

.files-modal-preview-right {
  position: absolute;
  top: 64px;
  bottom: 0;
  right: 0;
  width: 195px;
  border-left: 1px solid #7d7a78;
  opacity: 1;
  transition: all .1s ease-in-out;
}

.files-modal-preview-right.files-modal-preview-right--collapsed {
  width: 0;
  opacity: 0;
}

.files-modal-preview__list {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100%;
}

.files-modal-preview__list-card {
  width: 140px;
  box-shadow: 0 1px 3px rgba(0,0,0,.12);
}

.files-modal-preview__list-card .files-modal-preview__list-card-img-mask {
  height: inherit;
  overflow: hidden;
}

.files-modal-preview__list-card:hover:not([class*="--active"]) {
  box-shadow: 0 1px 3px rgba(0,0,0,.12),0 0 0 4px #7d7a78;
}

.files-modal-preview__list-card.files-modal-preview__list-card--active {
  box-shadow: 0 0 0 4px #004cff,0 1px 3px rgba(0,0,0,.12);
}

.files-modal-preview__image-body {
  background: rgba(48,43,39,.8);
}

.files-modal-preview__image-body .colorpicker {
  margin-top: -6px;
  margin-left: -4px;
}

.files-modal-preview__image-body .files-modal-preview__image-body-bg {
  position: absolute;
  top: 0;
  left: 0;
  border-color: red;
}

.files-modal-preview__image-body .files-modal-preview__image-body-bg::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 1;
  border-style: solid;
  border-width: 33px 33px 0 0;
  border-top-color: #302b27;
  border-right-color: rgba(0,0,0,0);
  border-bottom-color: rgba(0,0,0,0);
  border-left-color: rgba(0,0,0,0);
}

.files-modal-preview__image-body .files-modal-preview__image-body-bg::after {
  position: absolute;
  cursor: pointer;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 1;
  border-style: solid;
  border-width: 30px 30px 0 0;
  border-top-color: inherit;
  border-right-color: rgba(0,0,0,0);
  border-bottom-color: rgba(0,0,0,0);
  border-left-color: rgba(0,0,0,0);
}

.files-modal-preview__image-body img {
  opacity: 1 !important;
  box-shadow: 0 3px 6px rgba(0,0,0,.12);
}

.files-modal-preview__nav-prev,
.files-modal-preview__nav-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.files-modal-preview__nav-prev svg,
.files-modal-preview__nav-next svg {
  transition: all .15s;
}

.files-modal-preview__nav-prev:hover svg,
.files-modal-preview__nav-next:hover svg {
  fill: #fff;
}

.files-modal-preview__nav-prev {
  left: 25px;
}

.files-modal-preview__nav-next {
  right: 25px;
}

.files-modal-preview__toggle-thumbs {
  position: absolute;
  right: 25px;
  bottom: 15px;
  cursor: pointer;
}

.files-modal-preview__toggle-thumbs svg {
  transition: all .15s;
}

.files-modal-preview__toggle-thumbs:hover svg {
  fill: #fff;
}

.files-table-select {
  width: 100%;
  table-layout: fixed;
  display: table;
}

.files-table-select--bordered .files-table-select-tbody .files-table-select-td:not(:last-child),
.files-table-select--bordered .files-table-select-tbody .files-table-select-th:not(:last-child) {
  border-right: 2px solid #e8e7e6;
}

.files-table-select-container {
  position: absolute;
  top: 37px;
  left: 0;
  right: 0;
  bottom: 0;
}

.files-table-select-thead {
  display: flex;
  align-items: center;
  height: 37px;
  background: #5c5854;
  position: absolute;
  top: -37px;
  left: 0;
  right: 0;
  width: 100%;
}

.files-table-select--lg .files-table-select-td,
.files-table-select--lg .files-table-select-th {
  padding: 17.5px 0;
  min-height: 64px;
}

.files-table-select--lg .files-table-select-td__inner {
  padding: 0 35px;
}

.files-table-select--sm .files-table-select-td,
.files-table-select--sm .files-table-select-th {
  padding: 7px 0;
  min-height: 37px;
}

.files-table-select--sm .files-table-select-td__inner {
  padding: 0 12px;
}

.files-table-select--xs .files-table-select-td,
.files-table-select--xs .files-table-select-th {
  padding: 7px 0;
  min-height: 36px;
}

.files-table-select--xs .files-table-select-td__inner {
  padding: 0 10.5px;
}

.files-table-select-tbody__tr {
  display: flex;
  position: relative;
  height: 44px;
  align-items: center;
  background: rgba(0,0,0,0);
  color: #7d7a78;
  cursor: pointer;
  border-bottom: 1px solid #e8e7e6;
}

.files-table-select-tbody__tr:hover {
  background: #fff;
}

.files-table-select-tbody__tr:last-child {
  border-bottom-color: #cfccca;
}

.files-table-select-tbody__tr.files-table-select-tbody__tr--active {
  box-shadow: inset 0 0 0 2px #004cff;
  background: #c2d4ff !important;
}

.files-table-select-tbody__tr.files-table-select-tbody__tr--disabled {
  opacity: .3 !important;
  cursor: default !important;
  pointer-events: none !important;
}

.files-table-select-tbody__tr[disabled=disabled] {
  background: rgba(0,76,255,.5) !important;
}

.files-table-select-tbody__tr[disabled=disabled] .files-table-select-td,
.files-table-select-tbody__tr[disabled=disabled] .files-table-select-th {
  color: #fff !important;
  background: rgba(0,76,255,.5) !important;
}

.files-table-select-tbody__tr[disabled=disabled] .files-table-select-icon {
  color: #fff !important;
  fill: #fff !important;
}

.files-table-select-tbody__tr[disabled=disabled] .files-table-select-icon:after {
  opacity: 1;
  box-shadow: 0 0 0 18px #fff,0 1px 3px rgba(0,0,0,.12);
}

.files-table-select-td__inner {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  padding: 0 15.75px;
}

.files-table-select-td__inner.files-table-select-td__inner--has-icon {
  padding: 0;
  text-align: center;
}

.files-table-select-td,
.files-table-select-th {
  vertical-align: middle;
  cursor: inherit;
}

.files-table-select-td[disabled=disabled],
[disabled=disabled].files-table-select-th {
  color: #fff !important;
  pointer-events: none;
}

.files-table-select-td:first-child,
.files-table-select-th:first-child {
  min-width: 0;
  flex: 1;
}

.files-table-select-td:not(:first-child),
.files-table-select-th:not(:first-child) {
  flex: 0 0 200px;
}

.files-table-select-td__title {
  vertical-align: middle;
}

.files-table-select-th {
  position: relative;
  cursor: pointer;
  height: 100%;
  line-height: 37px;
  color: #302b27;
  background: #e8e7e6;
  border-bottom: 1px solid #cfccca;
}

.files-table-select-th:hover {
  background: #dedddb;
}

.files-table-select-th:active {
  background: #d9d8d6;
}

.files-table-select-scroll {
  height: 100%;
  overflow-y: scroll;
}

.files-table-select-tbody {
  background: #fff;
  width: 100%;
}

.files-table-select-tbody[fill-height],
.files-table-select-tbody.scrollable {
  overflow: auto;
}

.files-table-select-cgroup {
  display: table-column-group;
}

.files-table-select-column {
  display: table-column;
}

.files-table-select-td__img {
  min-height: 1px;
  min-width: 1px;
  max-width: 30px;
  max-height: 30px;
  margin: -15px 0px -10px -5px;
}

.files-table-select-td__img:hover {
  cursor: pointer !important;
  box-shadow: 0 0 1px rgba(0,0,0,.15);
}

.files-table-select-icon {
  fill: #7d7a78;
  vertical-align: middle;
  display: inline-block;
  height: 20px;
  width: 20px;
  text-align: center;
}

.files-table-select-icon__starred svg {
  fill: #e8af52;
}

.files-toolbar {
  background: rgba(0,0,0,0);
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.files-toolbar .fx-btn--sm {
  background: #f6f4f3 !important;
  background-color: #f6f4f3 !important;
}

.files-toolbar .files-toolbar-left {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 100px;
  height: 100%;
}

.files-toolbar .files-toolbar-left.files-toolbar-left--collapsed {
  right: 400px;
}

.files-toolbar .files-toolbar-middle {
  top: 0;
  bottom: 0;
  right: 100px;
  width: 300px;
  height: 100%;
  text-align: right;
}

.files-toolbar .files-toolbar-right {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100px;
  height: 100%;
  border-left: 1px solid #dbd9d7;
}

.files-toolbar .files-toolbar-action svg {
  fill: #918e8d;
}

.files-toolbar .files-toolbar-action:hover svg {
  fill: #5c5854;
}

.files-toolbar-meta-actions {
  border-left: 2px solid #e8e7e6;
}

.files-uploading-dialogue {
  position: absolute;
  bottom: 0;
  right: 35px;
  min-width: 400px;
  max-width: 400px;
  z-index: 100;
}

.files-uploading-dialogue .files-uploading-dialogue__header {
  background: #5c5854;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
}

.files-uploading-dialogue .files-uploading-dialogue__header svg {
  fill: #cfccca;
  cursor: pointer;
  transition: all .15s;
}

.files-uploading-dialogue .files-uploading-dialogue__header svg:hover {
  fill: #fff;
}

.files-uploading-dialogue .files-uploading-dialogue__body {
  background: #fff;
  color: #5c5854;
  max-height: 211px;
  overflow-y: auto;
}

.files-uploading-dialogue .files-uploading-dialogue__row {
  border-bottom: 1px solid #e8e7e6;
  padding-left: 15px;
  padding-right: 15px;
}

.files-uploading-dialogue .files-uploading-dialogue__row:last-child {
  border-bottom: 0;
}

.files-uploading-dialogue .files-uploading-dialogue__td {
  line-height: 24px;
}

.files-uploading-dialogue .files-uploading-dialogue__td svg {
  display: block;
}

.files-uploading-dialogue.files-uploading-dialogue--collapsed .files-uploading-dialogue__body {
  display: none;
}

.files-uploading-dialogue .files-uploading-dialogue__body-item-action {
  color: #004cff;
  cursor: default;
}

.files-uploading-dialogue .files-uploading-dialogue__body-item-action:hover {
  text-decoration: underline;
}

.files-input-upload input[type=file] {
  cursor: pointer !important;
}

.files-input-upload input[type=file] i {
  cursor: pointer !important;
}

.files-input-upload input[type=file] i::-webkit-file-upload-button,
.files-input-upload button {
  cursor: pointer !important;
}

.files-input-upload input[type=button] i,
.files-input-upload input[type=submit] i,
.files-input-upload input[type=reset] i,
.files-input-upload input[type=file] i::-webkit-file-upload-button,
.files-input-upload button {
  cursor: pointer !important;
}

.files-uploadable {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20000;
  background: rgba(255,255,255,.95);
  pointer-events: none;
  overflow: hidden;
}

.files-uploadable:after {
  content: "";
  border: 2px dashed #004cff;
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
}

.files-view {
  overflow-x: hidden;
  overflow-y: auto;
}

.files-view--main {
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.files-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 54px;
  border-bottom: 1px solid #ced3e0;
}

.files-body {
  position: absolute;
  top: 54px;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0);
  overflow: auto;
}

.campaigns-container .files-header,
.campaigns-container .files-body,
.campaigns-container .files-toolbar-left,
.campaigns-container .files-table-select-container,
.campaigns-container .files-table-select-container .files-table-select-thead {
  position: unset;
}

.campaigns-container .files-header {
  border-top: 1px solid #ced3e0;
}

.files-select-container {
  height: 100%;
}

.files-dropdown {
  width: 200px;
}

.files-proxy-selector {
  display: none !important;
}

.files-star {
  color: #cd9f19 !important;
}

.files-starred {
  display: inline-block;
  vertical-align: middle;
}

.files-starred svg {
  fill: #e8af52 !important;
}


.design-ns-component input,
.design-ns-component select,
.design-ns-component textarea,
.design-ns-component button,
.design-move-component a,
.design-move-component input,
.design-move-component select,
.design-move-component textarea,
.design-move-component button,
.design-move-component iframe,
.design-move-component *,
.design-move-component,
.design-editors-wheel__handle,
.design-editors-wheel__radial,
.design-editors-wheel,
.design-editors-units__units,
.design-editors-header,
.design-griddable-preview,
.design-griddable,
.design-toolbar-btn,
.design-pane-heading,
.design-pane-toolbar__btn,
.design-pane,
.design-editors-slider-label,
.design-draggable-block-placeholder,
.design-block__footer,
.design-block,
.design-canvas ::-webkit-input-placeholder,
.design-canvas :-moz-placeholder,
.design-canvas ::-moz-placeholder,
.design-canvas :-ms-input-placeholder {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.design-move-component *,
.design-move-component,
.design-block {
  cursor: pointer;
  cursor: hand !important;
  cursor: grab !important;
  cursor: -webkit-grab !important;
}

.design-move-component :active,
.design-move-component:active,
.design-block:active {
  cursor: grabbing !important;
  cursor: -webkit-grabbing !important;
}

.design-editors-fonts-list__item,
.medium-editor-toolbar {
  font-size: 14px;
  font-weight: normal;
  line-height: 21px;
  letter-spacing: .02em;
}

.design-editors-fonts-list__item.design-component-field-placeholder,
.design-editors-fonts-list__item.design-editors-color-add,
.design-editors-units__units.design-editors-fonts-list__item,
.design-editors-header__title.design-editors-fonts-list__item,
.design-toolbar-keybinding.design-editors-fonts-list__item,
.design-pane-heading.design-editors-fonts-list__item,
.design-pane__close.design-editors-fonts-list__item,
.design-mode-menu__header.design-editors-fonts-list__item,
.design-breadcrumb.design-editors-fonts-list__item,
.design-hoverable-component__label.design-editors-fonts-list__item,
.medium-editor-toolbar.design-component-field-placeholder,
.medium-editor-toolbar.design-editors-color-add,
.medium-editor-toolbar.design-editors-units__units,
.medium-editor-toolbar.design-editors-header__title,
.medium-editor-toolbar.design-toolbar-keybinding,
.medium-editor-toolbar.design-pane-heading,
.medium-editor-toolbar.design-pane__close,
.medium-editor-toolbar.design-mode-menu__header,
.medium-editor-toolbar.design-breadcrumb,
.medium-editor-toolbar.design-hoverable-component__label {
  font-size: 12px;
  line-height: 18px;
}

.design-editors-field-bar,
.design-editors-color-cell__check,
.design-resizable-hud,
.design-labelable,
.design-sortable-text,
.medium-dropdown-list__item>button,
.medium-dropdown-list__item,
.medium-editor-anchor-preview,
.design-canvas--mobile::before {
  font-size: 12px;
  line-height: 18px;
}

.design-editors-color-location,
.design-toolbar-mode__label,
.design-editors-slider-label {
  font-size: 10px;
  line-height: 15px;
  font-weight: 600;
}

.design-editors-color-location.design-component-field-placeholder,
.design-editors-color-add.design-editors-color-location,
.design-editors-units__units.design-editors-color-location,
.design-editors-header__title.design-editors-color-location,
.design-toolbar-keybinding.design-editors-color-location,
.design-toolbar-mode__label.design-component-field-placeholder,
.design-toolbar-mode__label.design-editors-color-add,
.design-toolbar-mode__label.design-editors-units__units,
.design-toolbar-mode__label.design-editors-header__title,
.design-toolbar-mode__label.design-toolbar-keybinding,
.design-pane-heading.design-editors-color-location,
.design-pane-heading.design-toolbar-mode__label,
.design-pane__close.design-editors-color-location,
.design-pane__close.design-toolbar-mode__label,
.design-editors-slider-label.design-component-field-placeholder,
.design-editors-slider-label.design-editors-color-add,
.design-editors-slider-label.design-editors-units__units,
.design-editors-slider-label.design-editors-header__title,
.design-editors-slider-label.design-toolbar-keybinding,
.design-editors-slider-label.design-pane-heading,
.design-editors-slider-label.design-pane__close,
.design-mode-menu__header.design-editors-color-location,
.design-mode-menu__header.design-toolbar-mode__label,
.design-mode-menu__header.design-editors-slider-label,
.design-breadcrumb.design-editors-color-location,
.design-breadcrumb.design-toolbar-mode__label,
.design-breadcrumb.design-editors-slider-label,
.design-hoverable-component__label.design-editors-color-location,
.design-hoverable-component__label.design-toolbar-mode__label,
.design-hoverable-component__label.design-editors-slider-label {
  font-size: 10px;
  line-height: 15px;
}

.design-uploadable {
  font-size: 21px;
  line-height: 31px;
}

.design-uploadable.design-component-field-placeholder,
.design-uploadable.design-editors-color-add,
.design-uploadable.design-editors-units__units,
.design-uploadable.design-editors-header__title,
.design-uploadable.design-toolbar-keybinding,
.design-uploadable.design-pane-heading,
.design-uploadable.design-pane__close,
.design-uploadable.design-mode-menu__header,
.design-breadcrumb.design-uploadable,
.design-hoverable-component__label.design-uploadable {
  font-size: 15px;
  line-height: 22px;
}

.design-component-field-placeholder,
.design-pane-heading,
.design-pane__close {
  font-size: 18px;
  line-height: 25px;
}

.design-component-field-placeholder,
.design-pane-heading,
.design-pane__close {
  font-size: 13px;
  line-height: 19px;
}

.design-editors-color-add,
.design-editors-units__units,
.design-editors-header__title,
.design-toolbar-keybinding,
.design-popover-header,
.design-mode-menu__header,
.design-breadcrumb,
.design-hoverable-component__label {
  font-size: 14px;
  line-height: 21px;
}

.design-editors-color-add,
.design-editors-units__units,
.design-editors-header__title,
.design-toolbar-keybinding,
.design-popover-header.design-component-field-placeholder,
.design-popover-header.design-pane-heading,
.design-popover-header.design-pane__close,
.design-mode-menu__header,
.design-breadcrumb,
.design-hoverable-component__label {
  font-size: 10px;
  line-height: 15px;
}

.design-editors-color-location,
.design-toolbar-mode__label,
.design-editors-slider-label {
  font-size: 10px;
}

.design-component-field-placeholder,
.design-pane-heading,
.design-pane__close,
.design-editors-color-add,
.design-editors-units__units,
.design-editors-header__title,
.design-toolbar-keybinding,
.design-mode-menu__header,
.design-breadcrumb,
.design-hoverable-component__label {
  letter-spacing: .05em;
  text-transform: uppercase;
}

.design-editors-units__units,
.design-pane__close,
.design-mode-menu__header,
.design-breadcrumb--active {
  font-weight: 700 !important;
}

.design-editors-field-bar,
.design-editors-header__title,
.design-resizable-hud,
.design-toolbar-keybinding,
.design-pane-heading,
.design-popover-header,
.design-sortable-text,
.design-editors-slider-label,
.design-uploadable,
.design-breadcrumb--ancestor,
.design-hoverable-component__label {
  font-weight: 600 !important;
}

.design-row-placeholder {
  font-weight: 300 !important;
}

.design-contextable-menu-item {
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
}

.design-editors-field-bar__label,
.design-sortable-text p,
.design-sortable-text {
  overflow: hidden;
  white-space: nowrap;
}

.design-editors-field-bar__label,
.design-sortable-text p,
.design-sortable-text {
  text-overflow: ellipsis;
}

.design-row-placeholder,
.design-resizable-hud,
.design-labelable,
.design-hoverable-component__label {
  font-family: "IBM Plex Sans",sans-serif !important;
}

.design-editors-field-bar__icon {
  height: 100%;
}

.design-editors-field-bar__icon:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.ng-hide-add.design-resizable-box,
.ng-hide-add.design-hoverable-component,
.ng-hide-add-active.design-resizable-box,
.ng-hide-add-active.design-hoverable-component,
.ng-hide-remove-active.design-resizable-box,
.ng-hide-remove-active.design-hoverable-component,
.ng-hide-remove.design-resizable-box,
.ng-hide-remove.design-hoverable-component,
.ng-enter.design-resizable-box,
.ng-enter.design-hoverable-component,
.ng-enter-active.design-resizable-box,
.ng-enter-active.design-hoverable-component,
.ng-leave.design-resizable-box,
.ng-leave.design-hoverable-component {
  transition: opacity .1s ease-in-out;
}

.ng-hide-add.design-resizable-box,
.ng-hide-add.design-hoverable-component,
.ng-leave.design-resizable-box,
.ng-leave.design-hoverable-component {
  opacity: 1;
}

.ng-hide-add.ng-hide-add-active.design-resizable-box,
.ng-hide-add.ng-hide-add-active.design-hoverable-component,
.ng-hide-add.ng-leave-active.design-resizable-box,
.ng-hide-add.ng-leave-active.design-hoverable-component,
.ng-leave.ng-hide-add-active.design-resizable-box,
.ng-leave.ng-hide-add-active.design-hoverable-component,
.ng-leave.ng-leave-active.design-resizable-box,
.ng-leave.ng-leave-active.design-hoverable-component {
  opacity: 0;
}

.ng-hide-remove.design-resizable-box,
.ng-hide-remove.design-hoverable-component,
.ng-enter.design-resizable-box,
.ng-enter.design-hoverable-component {
  opacity: 0;
}

.ng-hide-remove.ng-hide-remove-active.design-resizable-box,
.ng-hide-remove.ng-hide-remove-active.design-hoverable-component,
.ng-hide-remove.ng-enter-active.design-resizable-box,
.ng-hide-remove.ng-enter-active.design-hoverable-component,
.ng-enter.ng-hide-remove-active.design-resizable-box,
.ng-enter.ng-hide-remove-active.design-hoverable-component,
.ng-enter.ng-enter-active.design-resizable-box,
.ng-enter.ng-enter-active.design-hoverable-component {
  opacity: 1;
}

.design-resizable-se,
.design-resizable-sw,
.design-paddable-bottom,
.design-marginable-bottom,
.design-resizable-e,
.design-paddable-right,
.design-resizable-w,
.design-griddable::after,
.design-paddable-left,
.design-paddable-top {
  position: absolute;
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 50%;
  transition: transform .1s ease-in;
}

.design-resizable-se:hover,
.design-resizable-sw:hover,
.design-paddable-bottom:hover,
.design-marginable-bottom:hover,
.design-resizable-e:hover,
.design-paddable-right:hover,
.design-resizable-w:hover,
.design-griddable:hover::after,
.design-paddable-left:hover,
.design-paddable-top:hover {
  transition: transform .1s ease-out;
  transform: scale(1.2);
}

.design-resizable-se:active,
.design-resizable-sw:active,
.design-paddable-bottom:active,
.design-marginable-bottom:active,
.design-resizable-e:active,
.design-paddable-right:active,
.design-resizable-w:active,
.design-griddable:active::after,
.design-paddable-left:active,
.design-paddable-top:active {
  transition: transform .05s ease-in-out;
  transform: scale(1.1);
}

.design-resizable-w,
.design-griddable::after,
.design-paddable-left,
.design-paddable-top {
  margin-top: -7px;
  margin-left: -7px;
}

.design-resizable-e,
.design-paddable-right {
  margin-top: -7px;
  margin-right: -7px;
}

.design-resizable-sw,
.design-paddable-bottom,
.design-marginable-bottom {
  margin-bottom: -7px;
  margin-left: -7px;
}

.design-resizable-se {
  margin-bottom: -7px;
  margin-right: -7px;
}

.design-canvas {
  background: #edf0f7;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 200;
}

.design-canvas-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 1000;
}

.design-canvas__header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 64px;
  background: #fff;
  z-index: 120;
  box-shadow: 0 1px 3px rgba(0,0,0,.12);
}

.design-canvas__header .design-canvas__react-version-pill {
  display: inline-block;
  box-sizing: border-box;
  margin-top: 6px;
  padding: 2px 8px;
  border-radius: 999px;
  background-color: #356ae6;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: .02em;
  white-space: nowrap;
  vertical-align: top;
}

.design-canvas__body {
  position: absolute;
  top: 64px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 110;
}

.design-canvas__body>.design-canvas__right,
.design-canvas__body>.design-canvas__left {
  overflow: auto;
}

.design-canvas__body>.design-canvas__right {
  padding-bottom: 45px;
}

.design-canvas__body>.design-canvas__right [data-design-editors-ac-branding] {
  padding-bottom: 75px;
}

.design-canvas__left {
  position: absolute;
  top: 0;
  left: 0;
  right: 265px;
  bottom: 0;
}

.design-canvas__right {
  position: absolute;
  top: 0;
  width: 265px;
  right: 0;
  bottom: 0;
  border-left: 1px solid #ced3e0;
}

.design-canvas__container {
  position: relative;
  min-width: 800px;
  min-height: 100%;
}

.bach-canvas {
  box-shadow: 0 1px 3px rgba(0,0,0,.12);
}

.design-canvas--mobile {
  min-width: 400px;
}

.design-canvas--mobile::before {
  color: #7d7a78;
  position: absolute;
  top: 575px;
  left: 0;
  right: 0;
  padding: 5px;
  border-top: 2px dotted #cfccca;
}

.design-editors-text {
  outline: 0;
}

@-webkit-keyframes medium-editor-pop-upwards {
  0% {
    opacity: 0;
    -webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
    transform: matrix(0.97, 0, 0, 1, 0, 12);
  }

  20% {
    opacity: .7;
    -webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
    transform: matrix(0.99, 0, 0, 1, 0, 2);
  }

  40% {
    opacity: 1;
    -webkit-transform: matrix(1, 0, 0, 1, 0, -1);
    transform: matrix(1, 0, 0, 1, 0, -1);
  }

  100% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
}

@keyframes medium-editor-pop-upwards {
  0% {
    opacity: 0;
    -webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
    transform: matrix(0.97, 0, 0, 1, 0, 12);
  }

  20% {
    opacity: .7;
    -webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
    transform: matrix(0.99, 0, 0, 1, 0, 2);
  }

  40% {
    opacity: 1;
    -webkit-transform: matrix(1, 0, 0, 1, 0, -1);
    transform: matrix(1, 0, 0, 1, 0, -1);
  }

  100% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
}

.medium-editor-anchor-preview {
  left: 0;
  max-width: 220px;
  position: absolute;
  text-align: center;
  top: 0;
  word-break: break-all;
  word-wrap: break-word;
  visibility: hidden;
  z-index: 2000;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0,0,0,.12);
}

.medium-editor-anchor-preview a {
  text-decoration: none;
}

.medium-editor-anchor-preview-active {
  color: #7d7a78;
  visibility: visible;
}

.medium-editor-toolbar-anchor-preview {
  background: #fff;
  border-radius: 4px;
  padding: 7px 10.5px;
}

.medium-editor-placeholder {
  position: relative;
}

.medium-editor-toolbar {
  left: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  z-index: 2000;
}

.medium-editor-mask {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1000;
}

.medium-editor-toolbar ul {
  margin: 0;
  padding: 0;
}

.medium-editor-toolbar li {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}

.medium-editor-toolbar-active {
  visibility: visible;
}

.medium-editor-sticky-toolbar {
  position: fixed;
  top: 1px;
}

.medium-editor-relative-toolbar {
  position: absolute;
  top: 0;
  margin-top: -50px;
  visibility: visible;
  width: 400px;
}

.medium-editor-toolbar-active.medium-editor-stalker-toolbar {
  -webkit-animation: medium-editor-pop-upwards 160ms forwards linear;
  animation: medium-editor-pop-upwards 160ms forwards linear;
}

.medium-editor-toolbar-form {
  display: none;
}

.medium-editor-toolbar-form input,
.medium-editor-toolbar-form a {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.medium-editor-toolbar-form .medium-editor-toolbar-form-row {
  line-height: 14px;
  margin-left: 5px;
  padding-bottom: 5px;
}

.medium-editor-toolbar-form .medium-editor-toolbar-input,
.medium-editor-toolbar-form label {
  border: none;
  box-sizing: border-box;
  font-size: 14px;
  margin: 0;
  padding: 6px;
  width: 316px;
  display: inline-block;
}

.medium-editor-toolbar-form .medium-editor-toolbar-input:focus,
.medium-editor-toolbar-form label:focus {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  box-shadow: none;
  outline: 0;
}

.medium-editor-toolbar-form a {
  display: inline-block;
  font-size: 24px;
  font-weight: bolder;
  margin: 0 10px;
  text-decoration: none;
}

.medium-editor-toolbar-actions:after {
  clear: both;
  content: "";
  display: table;
}

[data-medium-editor-element] img {
  max-width: 100%;
}

[data-medium-editor-element] sub {
  vertical-align: sub;
}

[data-medium-editor-element] sup {
  vertical-align: super;
}

.medium-editor-hidden {
  display: none;
}

.medium-editor-toolbar {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0,0,0,.12);
}

.medium-editor-toolbar li {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 2px;
  padding-right: 2px;
}

.medium-editor-toolbar li:first-child {
  padding-left: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.medium-editor-toolbar li:last-child {
  padding-right: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.medium-editor-toolbar li>button {
  background: #fff;
  font-size: 14px;
  border: 0;
  color: #7d7a78;
  padding: 0;
  cursor: pointer;
  width: 29px;
  height: 29px;
  border-radius: 4px;
}

.medium-editor-toolbar li>button:focus {
  outline: 0;
}

.medium-editor-toolbar li>button:hover {
  background: #f7f7f7;
}

.medium-editor-toolbar li>button.medium-editor-button-active {
  background: #e8e7e6;
  color: #5c5854;
}

.medium-editor-button-done {
  background: #004cff !important;
  padding-top: 2px !important;
  display: block;
}

.medium-editor-button-done svg {
  fill: #fff;
}

.medium-editor-placeholder:after {
  color: #cfccca;
}

.medium-dropdown {
  position: absolute;
  top: 100%;
  margin-top: 5px;
  background: #fff;
  display: none;
  box-shadow: 0 1px 3px rgba(0,0,0,.12);
  border-radius: 4px;
  max-height: 300px;
  overflow: auto;
}

.medium-dropdown--top {
  margin-bottom: 5px;
  bottom: 100%;
  top: auto;
}

.medium-dropdown--right {
  right: 0;
}

.medium-dropdown--colors {
  width: 220px;
}

.medium-dropdown-list {
  background-color: #fff !important;
}

.medium-dropdown-list__item {
  text-align: center;
  color: #7d7a78;
  cursor: pointer;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.medium-dropdown-list__item:hover button {
  background: #f7f7f7;
}

.medium-dropdown-list__item:first-child {
  padding-top: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.medium-dropdown-list__item:last-child {
  padding-bottom: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.medium-dropdown-list__item>button {
  background: #fff;
  border: 0;
  color: #7d7a78;
  padding: 0;
  cursor: pointer;
  width: 100%;
  min-width: 29px;
  min-height: 29px;
  border-radius: 4px;
}

.medium-dropdown-list__item>button:focus {
  outline: 0;
}

.medium-dropdown-list__item>button:hover {
  background: #f7f7f7;
}

.medium-dropdown-list__item>button.medium-editor-button-active {
  background: #e8e7e6;
  color: #5c5854;
}

.ng-hide-add.design-resizable-box,
.ng-hide-add.design-hoverable-component,
.ng-hide-add-active.design-resizable-box,
.ng-hide-add-active.design-hoverable-component,
.ng-hide-remove-active.design-resizable-box,
.ng-hide-remove-active.design-hoverable-component,
.ng-hide-remove.design-resizable-box,
.ng-hide-remove.design-hoverable-component,
.ng-enter.design-resizable-box,
.ng-enter.design-hoverable-component,
.ng-enter-active.design-resizable-box,
.ng-enter-active.design-hoverable-component,
.ng-leave.design-resizable-box,
.ng-leave.design-hoverable-component {
  transition: opacity .1s ease-in-out;
}

.ng-hide-add.design-resizable-box,
.ng-hide-add.design-hoverable-component,
.ng-leave.design-resizable-box,
.ng-leave.design-hoverable-component {
  opacity: 1;
}

.ng-hide-add.ng-hide-add-active.design-resizable-box,
.ng-hide-add.ng-hide-add-active.design-hoverable-component,
.ng-hide-add.ng-leave-active.design-resizable-box,
.ng-hide-add.ng-leave-active.design-hoverable-component,
.ng-leave.ng-hide-add-active.design-resizable-box,
.ng-leave.ng-hide-add-active.design-hoverable-component,
.ng-leave.ng-leave-active.design-resizable-box,
.ng-leave.ng-leave-active.design-hoverable-component {
  opacity: 0;
}

.ng-hide-remove.design-resizable-box,
.ng-hide-remove.design-hoverable-component,
.ng-enter.design-resizable-box,
.ng-enter.design-hoverable-component {
  opacity: 0;
}

.ng-hide-remove.ng-hide-remove-active.design-resizable-box,
.ng-hide-remove.ng-hide-remove-active.design-hoverable-component,
.ng-hide-remove.ng-enter-active.design-resizable-box,
.ng-hide-remove.ng-enter-active.design-hoverable-component,
.ng-enter.ng-hide-remove-active.design-resizable-box,
.ng-enter.ng-hide-remove-active.design-hoverable-component,
.ng-enter.ng-enter-active.design-resizable-box,
.ng-enter.ng-enter-active.design-hoverable-component {
  opacity: 1;
}

.design-resizable-w,
.design-griddable::after,
.design-paddable-left,
.design-paddable-top,
.design-resizable-e,
.design-paddable-right,
.design-resizable-sw,
.design-paddable-bottom,
.design-marginable-bottom,
.design-resizable-se {
  position: absolute;
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 50%;
  transition: transform .1s ease-in;
}

.design-resizable-w:hover,
.design-griddable:hover::after,
.design-paddable-left:hover,
.design-paddable-top:hover,
.design-resizable-e:hover,
.design-paddable-right:hover,
.design-resizable-sw:hover,
.design-paddable-bottom:hover,
.design-marginable-bottom:hover,
.design-resizable-se:hover {
  transition: transform .1s ease-out;
  transform: scale(1.2);
}

.design-resizable-w:active,
.design-griddable:active::after,
.design-paddable-left:active,
.design-paddable-top:active,
.design-resizable-e:active,
.design-paddable-right:active,
.design-resizable-sw:active,
.design-paddable-bottom:active,
.design-marginable-bottom:active,
.design-resizable-se:active {
  transition: transform .05s ease-in-out;
  transform: scale(1.1);
}

.design-resizable-w,
.design-griddable::after,
.design-paddable-left,
.design-paddable-top {
  margin-top: -7px;
  margin-left: -7px;
}

.design-resizable-e,
.design-paddable-right {
  margin-top: -7px;
  margin-right: -7px;
}

.design-resizable-sw,
.design-paddable-bottom,
.design-marginable-bottom {
  margin-bottom: -7px;
  margin-left: -7px;
}

.design-resizable-se {
  margin-bottom: -7px;
  margin-right: -7px;
}

.design-hoverable-component {
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  background: rgba(0,68,230,.1);
  pointer-events: none;
  z-index: 110;
  box-shadow: 0 0 0 2px rgba(26,94,255,.9);
}

.design-hoverable-component__icon {
  padding: 5px;
  float: right;
}

.design-hoverable-component__icon svg {
  fill: rgba(26,94,255,.9);
}

.design-hoverable-component__label {
  color: rgba(26,94,255,.9);
  padding: 7.5px;
}

.design-block {
  position: relative;
  width: 100%;
  height: 120px;
  background: #fff;
  border: 1px solid #cfccca;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0,0,0,.12);
  transition: all .1s ease-in-out;
}

.design-block:hover {
  box-shadow: 0 3px 6px rgba(0,0,0,.12),0 0 0 4px #cfccca;
  border-color: rgba(0,0,0,0);
  transform: translate3d(0, -2px, 0);
  transition: all .1s ease-in-out;
}

.design-block:hover .svg-icon-outline {
  fill: #004cff;
  transition: all .1s ease-out .1s;
}

.design-block:hover .design-block__help {
  opacity: 1;
}

.design-block .svg-icon-outline {
  fill: #5c5854;
  transition: all .1s ease-out .1s;
}

.design-block__help {
  opacity: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #7d7a78;
  text-align: center;
  padding-top: 5px;
  position: absolute;
  top: -10px;
  right: -10px;
  cursor: pointer;
  transition: opacity .15s;
  display: none !important;
}

.design-block__icon {
  display: block;
  height: 95px;
}

.design-block__image {
  max-width: 50%;
}

.design-block__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  display: block;
  padding: 0 10.5px;
}

.design-breadcrumbs {
  display: flex;
  background: #eceae9;
}

.design-breadcrumb {
  position: relative;
  display: flex;
  height: 30px;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.design-breadcrumb--ancestor {
  flex: 1;
  color: #7d7a78;
  cursor: pointer;
}

.design-breadcrumb--ancestor:hover {
  color: #004cff;
}

.design-breadcrumb--active {
  color: #5c5854;
  flex: 2;
}

.design-breadcrumb__caret {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(50%);
}

.design-breadcrumb__caret svg {
  fill: #ced3e0;
}

.design-ext {
  fill: #7d7a78;
}

.design-ext-font-color__fill {
  fill: inherit;
}

.design-ext-font-color__border {
  fill: #fff;
}

.design-ext-font-color__caret {
  fill: #7d7a78;
}

.design-uploadable {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20000;
  background: rgba(255,255,255,.95);
  border: 2px solid #004cff;
  pointer-events: none;
  overflow: hidden;
  font-family: "IBM Plex Sans",sans-serif !important;
  color: #004cff;
}

.design-uploadable .design-uploadable__svg {
  fill: #cfccca;
  text-align: center;
  width: 100%;
}

.design-uploadable--short .design-uploadable__svg {
  display: none;
}

.design-draggable-block-placeholder {
  position: relative;
  width: 100%;
  height: 120px;
  background: rgba(0,0,0,0);
  pointer-events: none;
  border-radius: 4px;
  box-shadow: 0 0 0 4px #cfccca;
}

.design-draggable {
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px;
  margin-top: 5px;
  margin-left: 5px;
  background: #fff;
  border-radius: 2px;
  z-index: 1000;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0,0,0,.12);
}

.ng-hide-add.design-resizable-box,
.ng-hide-add.design-hoverable-component,
.ng-hide-add-active.design-resizable-box,
.ng-hide-add-active.design-hoverable-component,
.ng-hide-remove-active.design-resizable-box,
.ng-hide-remove-active.design-hoverable-component,
.ng-hide-remove.design-resizable-box,
.ng-hide-remove.design-hoverable-component,
.ng-enter.design-resizable-box,
.ng-enter.design-hoverable-component,
.ng-enter-active.design-resizable-box,
.ng-enter-active.design-hoverable-component,
.ng-leave.design-resizable-box,
.ng-leave.design-hoverable-component {
  transition: opacity .1s ease-in-out;
}

.ng-hide-add.design-resizable-box,
.ng-hide-add.design-hoverable-component,
.ng-leave.design-resizable-box,
.ng-leave.design-hoverable-component {
  opacity: 1;
}

.ng-hide-add.ng-hide-add-active.design-resizable-box,
.ng-hide-add.ng-hide-add-active.design-hoverable-component,
.ng-hide-add.ng-leave-active.design-resizable-box,
.ng-hide-add.ng-leave-active.design-hoverable-component,
.ng-leave.ng-hide-add-active.design-resizable-box,
.ng-leave.ng-hide-add-active.design-hoverable-component,
.ng-leave.ng-leave-active.design-resizable-box,
.ng-leave.ng-leave-active.design-hoverable-component {
  opacity: 0;
}

.ng-hide-remove.design-resizable-box,
.ng-hide-remove.design-hoverable-component,
.ng-enter.design-resizable-box,
.ng-enter.design-hoverable-component {
  opacity: 0;
}

.ng-hide-remove.ng-hide-remove-active.design-resizable-box,
.ng-hide-remove.ng-hide-remove-active.design-hoverable-component,
.ng-hide-remove.ng-enter-active.design-resizable-box,
.ng-hide-remove.ng-enter-active.design-hoverable-component,
.ng-enter.ng-hide-remove-active.design-resizable-box,
.ng-enter.ng-hide-remove-active.design-hoverable-component,
.ng-enter.ng-enter-active.design-resizable-box,
.ng-enter.ng-enter-active.design-hoverable-component {
  opacity: 1;
}

.design-resizable-w,
.design-griddable::after,
.design-paddable-left,
.design-paddable-top,
.design-resizable-e,
.design-paddable-right,
.design-resizable-sw,
.design-paddable-bottom,
.design-marginable-bottom,
.design-resizable-se {
  position: absolute;
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 50%;
  transition: transform .1s ease-in;
}

.design-resizable-w:hover,
.design-griddable:hover::after,
.design-paddable-left:hover,
.design-paddable-top:hover,
.design-resizable-e:hover,
.design-paddable-right:hover,
.design-resizable-sw:hover,
.design-paddable-bottom:hover,
.design-marginable-bottom:hover,
.design-resizable-se:hover {
  transition: transform .1s ease-out;
  transform: scale(1.2);
}

.design-resizable-w:active,
.design-griddable:active::after,
.design-paddable-left:active,
.design-paddable-top:active,
.design-resizable-e:active,
.design-paddable-right:active,
.design-resizable-sw:active,
.design-paddable-bottom:active,
.design-marginable-bottom:active,
.design-resizable-se:active {
  transition: transform .05s ease-in-out;
  transform: scale(1.1);
}

.design-resizable-w,
.design-griddable::after,
.design-paddable-left,
.design-paddable-top {
  margin-top: -7px;
  margin-left: -7px;
}

.design-resizable-e,
.design-paddable-right {
  margin-top: -7px;
  margin-right: -7px;
}

.design-resizable-sw,
.design-paddable-bottom,
.design-marginable-bottom {
  margin-bottom: -7px;
  margin-left: -7px;
}

.design-resizable-se {
  margin-bottom: -7px;
  margin-right: -7px;
}

.design-droppable-zone {
  position: absolute;
  z-index: 120;
  pointer-events: none;
  min-height: 4px;
  min-width: 4px;
  border: 2px solid #1a5eff;
  background: rgba(0,68,230,.7);
}

.design-droppable-mark {
  position: absolute;
  z-index: 110;
  pointer-events: none;
  min-height: 2px;
  min-width: 2px;
  margin-top: -1px;
  margin-left: -1px;
  border-style: dotted;
  border-color: #1a5eff;
}

.design-marginable-box {
  position: absolute;
  border-style: solid;
  cursor: move;
  pointer-events: none;
  z-index: 140;
  border-color: rgba(239,92,72,.3);
  box-shadow: inset 0 0 0 2px rgba(239,92,72,.65);
}

.design-marginable-box.design-marginable-box--active {
  box-shadow: inset 0 0 0 2px #ef5c48;
}

.design-move-component .design-marginable-bottom {
  cursor: ns-resize !important;
}

.design-marginable-bottom {
  left: 50%;
  bottom: 1px;
  z-index: 150;
  cursor: ns-resize !important;
  box-shadow: 0 0 0 2px #ef5c48;
}

.design-paddable-box {
  position: absolute;
  top: 0;
  left: 0;
  border-style: solid;
  pointer-events: none;
  z-index: 120;
  border-color: rgba(120,255,84,.3);
  box-shadow: 0 0 0 2px #78ff54;
}

.design-paddable-box--disabled {
  box-shadow: none;
}

.design-paddable-box--disabled .design-paddable-top,
.design-paddable-box--disabled .design-paddable-left,
.design-paddable-box--disabled .design-paddable-right,
.design-paddable-box--disabled .design-paddable-bottom {
  display: none;
}

.design-paddable-top {
  top: 0;
  left: 50%;
  z-index: 130;
  cursor: ns-resize !important;
  pointer-events: auto;
  box-shadow: 0 0 0 2px #78ff54;
}

.design-paddable-left {
  top: 50%;
  left: 0;
  z-index: 130;
  cursor: ew-resize !important;
  pointer-events: auto;
  box-shadow: 0 0 0 2px #78ff54;
}

.design-paddable-right {
  top: 50%;
  right: 0;
  z-index: 130;
  cursor: ew-resize !important;
  pointer-events: auto;
  box-shadow: 0 0 0 2px #78ff54;
}

.design-paddable-bottom {
  left: 50%;
  bottom: 0;
  z-index: 130;
  cursor: ns-resize !important;
  pointer-events: auto;
  box-shadow: 0 0 0 2px #78ff54;
}

.design-mode-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 230px;
  margin-left: -115px;
  text-align: left;
  padding: 5px 0;
  display: none;
  background: #fff;
  box-shadow: 0 3px 6px rgba(0,0,0,.12);
  border: 1px solid #cfccca;
  border-radius: 4px;
}

.design-mode-item,
.design-contextable-menu-item {
  position: relative;
  color: #7d7a78;
  fill: #cfccca;
  padding: 7px 10.5px;
  cursor: pointer;
  display: block;
}

.design-mode-item:after,
.design-contextable-menu-item:after {
  content: "";
  display: table;
  clear: both;
}

.design-mode-item:hover,
.design-contextable-menu-item:hover {
  fill: #7d7a78;
  background: #efefee;
}

.design-mode-item--active {
  fill: #004cff !important;
}

.design-mode-item--active .select-gap-fill {
  fill: rgba(0,76,255,.15) !important;
}

.design-mode-item__keybinding,
.design-contextable-menu-item__keybinding {
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 10.5px;
  margin-right: 7px;
}

.design-mode-item__label,
.design-contextable-menu-item__label {
  line-height: 25px;
}

.design-mode-item__icon {
  float: left;
  margin-right: 10px;
  width: 25px;
  text-align: center;
}

.design-mode-menu__header {
  color: #7d7a78;
  text-align: center;
  padding: 7px 10.5px;
}

.design-contextable-mask {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1000;
}

.design-contextable-menu {
  position: absolute;
  top: 0;
  left: 0;
  width: 230px;
  background: #fff;
  border: 1px solid #ced3e0;
  box-shadow: 0 3px 6px rgba(0,0,0,.12);
  border-radius: 4px;
}

.design-contextable-menu--bottom {
  top: 100%;
}

.design-contextable-menu--right {
  left: auto;
  right: 0;
}

.design-contextable-menu-item {
  position: relative;
  padding: 7px 10.5px;
  cursor: pointer;
  color: #7d7a78;
  display: block;
}

.design-contextable-menu-item:after {
  content: "";
  display: table;
  clear: both;
}

.design-contextable-menu-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.design-contextable-menu-item:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.design-contextable-menu-item:hover {
  background: #f7f7f7;
}

.design-contextable-menu-item:active {
  background: #f4f4f4;
  transition: background .05s ease-in-out;
}

.design-contextable-menu-item[disabled=disabled] {
  pointer-events: none;
  opacity: .5;
}

.design-editors-slider {
  position: relative;
  width: 100%;
  height: 2px;
  margin-top: 9px;
  margin-bottom: 20px;
  background-color: #cfccca;
}

.design-editors-slider-contain {
  position: absolute;
  top: -10px;
  bottom: -10px;
  left: 10px;
  right: 10px;
}

.design-editors-slider-handle {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  margin-left: -10px;
  height: 20px;
  width: 20px;
  border: 2px solid #cfccca;
  background: #fff;
  cursor: pointer;
}

.design-editors-slider-handle:hover {
  border-color: #7d7a78;
}

.design-editors-slider-handle:active {
  border-color: #004cff;
}

.design-editors-slider-label {
  position: absolute;
  top: 100%;
  left: 0;
  color: #7d7a78;
  transform: translateX(-50%);
}

.design-sortable {
  position: relative;
  padding: 0 10px;
}

.design-sortable:hover .design-sortable__handle,
.design-sortable:hover .design-sortable__remove,
.design-sortable:active .design-sortable__handle,
.design-sortable:active .design-sortable__remove {
  opacity: 1;
}

.design-sortable__handle {
  position: absolute;
  right: 100%;
  top: 50%;
  margin-top: -8px;
  opacity: 0;
  fill: #cfccca;
  cursor: ns-resize;
}

.design-sortable__handle:hover {
  fill: #7d7a78;
}

.design-sortable__handle:active {
  fill: #004cff;
}

.design-sortable__remove {
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -5px;
  margin-left: -3.5px;
  opacity: 0;
  cursor: pointer;
  fill: #cfccca;
}

.design-sortable__remove:hover {
  fill: #ef5c48;
}

.design-sortable__icon {
  float: left;
  width: 36px;
}

.design-sortable__icon.design-sortable__icon--social svg {
  width: 36px;
  height: 36px;
}

.design-sortable__icon--interact {
  cursor: pointer;
}

.design-sortable__bar {
  width: calc(100% - 36px);
  display: inline-block;
  padding-left: 10px;
  margin-top: -2px;
}

.design-sortable__bar--full {
  width: 100%;
  padding-left: 0 !important;
}

.design-sortable-text {
  position: relative;
  width: 100%;
  height: 36px;
  line-height: 36px;
  color: #5c5854;
  border-radius: 2px;
}

.design-sortable__bar__label * {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.design-editors-sortable-img {
  border: 2px solid #cfccca;
  padding: 4px;
  background: #fff;
  width: 36px;
  height: 36px;
  border-radius: 4px;
  position: relative;
}

.design-editors-sortable-img:hover {
  border: 2px solid #7d7a78;
}

.design-editors-sortable-img>img {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}

.design-outlineable {
  position: absolute;
  pointer-events: none;
  top: 2px;
  bottom: 2px;
  right: 2px;
  left: 2px;
  border: 2px dotted #1a5eff;
}

.design-labelable {
  position: absolute;
  bottom: 100%;
  left: -7.5px;
  margin-bottom: -10px;
  background: #ffb633;
  color: #fff;
  z-index: 1000;
  padding: 4px 8px;
  fill: #fff;
  cursor: move;
}

.design-tabs {
  display: table;
  width: 100%;
  table-layout: fixed;
  height: 100%;
}

.design-tabs__tab {
  position: relative;
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
}

.design-tabs__tab::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 0;
  width: 100%;
  left: 0;
  background: #004cff;
  transition: height .1s ease-out;
}

.design-tabs__tab .svg-icon-outline {
  fill: #cfccca;
}

.design-tabs__tab:hover .svg-icon-outline {
  fill: #004cff;
}

.design-tabs__tab--active::after {
  height: 4px;
}

.design-tabs__tab--active .svg-icon-outline {
  fill: #004cff;
}

.design-popover {
  width: 230px;
}

.design-popover-scroll {
  position: relative;
  max-height: 300px;
}

.design-popover-menu {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  width: 230px;
  z-index: 110;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0,0,0,.12);
  border: 1px solid #ced3e0;
}

.design-popover-caret__fill {
  fill: #fff;
}

.design-popover-caret__shadow {
  fill: #ced3e0;
}

.design-popover-header {
  width: 100%;
  padding: 15px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.design-popover-body {
  width: 100%;
  padding: 15px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.design-pane {
  position: absolute;
  background: #f7f9ff;
  overflow: auto;
  z-index: 1000;
  width: 265px;
  right: 0;
  top: 0;
  bottom: 0;
  box-shadow: -1px 0 1.5px rgba(0,0,0,.06),-1px 0 1px rgba(0,0,0,.12);
  transform: translate3d(100%, 0, 0);
}

.design-pane__header {
  position: absolute;
  top: 0;
  width: 100%;
  height: 64px;
  background: #5c5854;
  color: #cfccca;
}

.design-pane__close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 17.5px 35px;
  color: rgba(0,0,0,.87);
  opacity: .7;
  cursor: pointer;
  transition: all .1s ease-in-out;
}

.design-pane__close i {
  color: #7dd366;
}

.design-pane__close:hover {
  opacity: 1;
  transition: all .1s ease-in-out;
}

.design-pane__body {
  padding-bottom: 75px;
  position: absolute;
  top: 64px;
  bottom: 0;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

.design-pane-toolbar {
  width: 100%;
  height: 64px;
}

.design-pane-toolbar__btn {
  width: 25%;
  float: left;
  text-align: center;
  fill: #fff;
  cursor: pointer;
}

.design-pane-toolbar__btn:hover {
  background: #7d7a78;
}

.design-pane-toolbar__btn:active {
  background: #706d6c;
}

.design-pane-toolbar__btn--primary {
  background: #004cff;
}

.design-pane-toolbar__btn--primary:hover {
  background: #0044e6;
}

.design-pane-heading {
  padding: 7px 12px;
  color: #7d7a78;
  text-align: center;
  font-size: 12px;
  background: #efefee;
  border-bottom: 2px solid #e8e7e6;
}

.design-pane-right-paypal {
  background: #f7f9ff;
}

.design-pane-right-inline-form {
  background: #fff;
}

.design-pane-divider {
  height: 1px;
  background: #ced3e0;
  width: 100%;
}

.design-pane-top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 50%;
  overflow: auto;
}

.design-pane-bottom {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
}

.design-help-category {
  color: #4d577b;
  background: #fff;
}

.design-help-article {
  background: #fff;
  cursor: pointer;
}

.design-help-article:not(:last-child) {
  border-bottom: 1px solid #e8e7e6;
}

.design-help-article:hover {
  color: #004cff;
}

.design-help-onboarding {
  background: #4d577b;
  border: 2px solid #30334c;
  border-radius: 4px;
  cursor: pointer !important;
}

.design-help-onboarding svg {
  display: block;
}

.design-onboarding__backdrop {
  background-color: #000;
}

.design-onboarding__backdrop.in {
  opacity: .9 !important;
}

.design-onboarding__window {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.design-onboarding__window .fx-modal-dialog {
  background: rgba(0,0,0,0) !important;
}

.design-onboarding__window .fx-modal-content {
  background: rgba(0,0,0,0) !important;
}

.design-onboarding__window .design-onboarding__header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  color: #fff;
  height: 57px;
  background: rgba(0,0,0,0) !important;
}

.design-onboarding__window .design-onboarding__body {
  position: absolute;
  top: 57px;
  left: 0;
  right: 0;
  bottom: 0;
}

.design-onboarding__window .design-onboarding__body .design-onboarding__wrapper {
  position: relative;
  padding-bottom: 48%;
  height: 0;
  overflow: hidden;
  max-height: 564px;
}

.design-onboarding__window .design-onboarding__body .design-onboarding__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 564px;
}

.design-onboarding__window .design-onboarding__body .design-onboarding__action {
  position: relative;
  left: 0;
  right: 0;
  opacity: 0;
  text-decoration: underline;
  transition: opacity 1s;
}

.design-onboarding__window .design-onboarding__body .design-onboarding__action.design-onboarding__action--visible {
  opacity: 1;
}

.design-mode-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 230px;
  margin-left: -115px;
  text-align: left;
  padding: 5px 0;
  display: none;
  background: #fff;
  box-shadow: 0 3px 6px rgba(0,0,0,.12);
  border: 1px solid #cfccca;
  border-radius: 4px;
}

.design-mode-item,
.design-contextable-menu-item {
  position: relative;
  color: #7d7a78;
  fill: #cfccca;
  padding: 7px 10.5px;
  cursor: pointer;
  display: block;
}

.design-mode-item:after,
.design-contextable-menu-item:after {
  content: "";
  display: table;
  clear: both;
}

.design-mode-item:hover,
.design-contextable-menu-item:hover {
  fill: #7d7a78;
  background: #efefee;
}

.design-mode-item--active {
  fill: #004cff !important;
}

.design-mode-item--active .select-gap-fill {
  fill: rgba(0,76,255,.15) !important;
}

.design-mode-item__keybinding,
.design-contextable-menu-item__keybinding {
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 10.5px;
  margin-right: 7px;
}

.design-mode-item__label,
.design-contextable-menu-item__label {
  line-height: 25px;
}

.design-mode-item__icon {
  float: left;
  margin-right: 10px;
  width: 25px;
  text-align: center;
}

.design-mode-menu__header {
  color: #7d7a78;
  text-align: center;
  padding: 7px 10.5px;
}

.design-checklist-active>.design-canvas__body>.design-canvas__right {
  bottom: 100px;
}

.design-checklist-active>.design-pane {
  bottom: 100px;
}

.design-checklist-active>.fx-tour-checklist-popover {
  transform: translate3d(calc(-50% - 132.5px), 0, 0);
}

.design-checklist-menu {
  width: 265px;
  height: 100px;
  border-top: 1px solid #ced3e0;
  box-shadow: -1px 0 1.5px rgba(0,0,0,.06),-1px 0 1px rgba(0,0,0,.12);
}

.design-canvas.fx-tour-checklist-minimized>.fx-tour-checklist {
  bottom: 0;
  right: 0;
  left: auto;
  top: auto;
  width: 265px;
  height: 100px;
  transform: translate3d(0, 0, 0);
}

.design-canvas.fx-tour-checklist-minimized>.design-canvas__body>.design-canvas__right {
  bottom: 100px;
}

.design-canvas.fx-tour-checklist-minimized>.design-pane {
  bottom: 100px;
}

.design-canvas>.fx-tour-checklist {
  transform: translate3d(calc(50% - 132.5px), 0, 0);
}

.design-toolbar-btn {
  fill: #7d7a78;
  cursor: pointer;
}

.design-toolbar-btn:hover {
  fill: #004cff;
}

.design-toolbar-btn[disabled=disabled] {
  fill: #cfccca;
  pointer-events: none;
}

.design-modes-container {
  align-items: center;
}

.design-toolbar-modes {
  margin: 0 auto;
  position: relative;
}

.design-toolbar-mode {
  position: relative;
  display: inline-block;
  padding: 7px 10.5px;
  text-align: center;
}

.design-toolbar-mode:hover .design-toolbar-mode__icon {
  fill: #004cff;
}

.design-toolbar-mode:hover .design-toolbar-mode__icon .select-gap-fill {
  fill: rgba(0,76,255,.15);
}

.design-toolbar-mode__icon {
  position: relative;
  fill: #7d7a78;
}

.design-toolbar-mode-cursor {
  position: absolute;
  top: 11px;
  left: 50%;
}

.design-toolbar-mode-cursor .select-cursor-outer {
  fill: #fff;
}

.design-toolbar-mode-cursor .select-cursor-inner {
  fill: #7d7a78;
}

.design-toolbar-mode__label {
  color: #7d7a78;
}

.design-toolbar-keybinding {
  color: #7d7a78;
  display: inline-block;
  padding: 0 4px;
  text-align: center;
  letter-spacing: 0;
  background: #fff;
  border: 1px solid #cfccca;
  box-shadow: 0 1px #cfccca;
  border-radius: 5px;
}

.design-toolbar-keybinding--white {
  color: #fff;
  border-color: rgba(255,255,255,.3);
  background: rgba(0,0,0,0);
  box-shadow: 0 1px rgba(255,255,255,.3);
}

.design-canvas-done__btn {
  fill: #fff;
  padding: 6px !important;
}

.design-griddable {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 2px;
  margin-left: -1px;
  border-left: 2px dotted rgba(26,94,255,.5);
  cursor: ew-resize !important;
  z-index: 130;
}

.design-griddable::after {
  content: "";
  left: -1px;
  top: 50%;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #1a5eff;
}

.design-griddable:hover {
  border-color: #1a5eff;
}

.design-move-component .design-griddable {
  cursor: ew-resize !important;
}

.design-griddable-preview {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 2px dotted rgba(26,94,255,.7);
  pointer-events: none;
}

.design-griddable-preview__grid {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0;
  margin-left: -1px;
  border-right: 2px dotted rgba(26,94,255,.7);
  z-index: 130;
}

.design-griddable-preview__grid.design-griddable-preview__grid--active {
  margin-left: -2px;
  border-right: 4px solid #1a5eff;
}

.design-griddable-preview__grid:nth-child(1) {
  left: 8.3333333333%;
}

.design-griddable-preview__grid:nth-child(2) {
  left: 16.6666666667%;
}

.design-griddable-preview__grid:nth-child(3) {
  left: 25%;
}

.design-griddable-preview__grid:nth-child(4) {
  left: 33.3333333333%;
}

.design-griddable-preview__grid:nth-child(5) {
  left: 41.6666666667%;
}

.design-griddable-preview__grid:nth-child(6) {
  left: 50%;
}

.design-griddable-preview__grid:nth-child(7) {
  left: 58.3333333333%;
}

.design-griddable-preview__grid:nth-child(8) {
  left: 66.6666666667%;
}

.design-griddable-preview__grid:nth-child(9) {
  left: 75%;
}

.design-griddable-preview__grid:nth-child(10) {
  left: 83.3333333333%;
}

.design-griddable-preview__grid:nth-child(11) {
  left: 91.6666666667%;
}

.design-select-template {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow: hidden;
  background: #e8e7e6;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.design-select-template .fx-modal__body {
  bottom: 0;
}

.design-select-template-body {
  z-index: 100;
}

.design-select-template-preview {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 110;
  background: #e8e7e6;
}

.design-select-template-body {
  overflow-y: auto;
  overflow-x: hidden;
  background: #fff;
}

.design-select-template-body .fx-card-body {
  transition: all .15s;
}

.design-select-template-warning {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  padding: 15px;
  background-color: rgba(233,176,73,.8);
  color: #fff;
}

.design-select-template-card-preview {
  position: relative;
  cursor: default;
  height: 100%;
}

.design-resizable-box {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 150;
}

.design-move-component .design-resizable-w,
.design-move-component .design-resizable-e {
  cursor: ew-resize !important;
}

.design-move-component .design-resizable-sw {
  cursor: sw-resize !important;
}

.design-move-component .design-resizable-se {
  cursor: se-resize !important;
}

.design-resizable-w {
  top: 50%;
  left: 1px;
  pointer-events: auto;
  cursor: ew-resize !important;
  box-shadow: 0 0 0 2px #ef5c48;
  display: none;
}

.design-resizable-e {
  top: 50%;
  right: 1px;
  pointer-events: auto;
  cursor: ew-resize !important;
  box-shadow: 0 0 0 2px #ef5c48;
  display: none;
}

.design-resizable-sw {
  bottom: 1px;
  left: 1px;
  pointer-events: auto;
  cursor: sw-resize !important;
  box-shadow: 0 0 0 2px #ef5c48;
  display: none;
}

.design-resizable-se {
  bottom: 1px;
  right: 1px;
  pointer-events: auto;
  cursor: se-resize !important;
  box-shadow: 0 0 0 2px #ef5c48;
  display: none;
}

.design-resizable-hud {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #fff;
  background: rgba(0,76,255,.8);
}

.design-editors-header {
  width: 100%;
  display: flex;
  align-items: center;
  min-height: 22px;
}

.design-editors-header__title {
  color: #5c5854;
  flex: 1;
  display: flex;
  align-items: center;
}

.design-editors-header__btn {
  fill: #7d7a78;
  cursor: pointer;
  height: 22px;
}

.design-editors-header__btn:hover {
  fill: #004cff;
}

.design-editors-placeholder {
  position: relative;
  height: 37px;
  width: 100%;
  margin-top: 15px;
}

.design-editors-image-bar {
  position: relative;
  width: 100%;
  height: 64px;
  border: 2px solid #cfccca;
  background: #fff;
  cursor: pointer;
}

.design-editors-image-bar:hover {
  border-color: #7d7a78;
}

.design-editors-sortable-icon {
  width: 36px;
  height: 36px;
  display: table-cell;
  fill: #cfccca;
  vertical-align: middle;
  text-align: center;
}

.design-editors-sortable-icon.design-editors-sortable-icon--interact {
  cursor: pointer;
}

.design-editors-sortable-icon.design-editors-sortable-icon--interact:hover {
  fill: #7d7a78;
}

.design-editors-dropdown {
  width: 220px;
}

.design-editors-form-fields-dropdown {
  overflow-x: hidden;
  width: 233px;
  padding: 6px;
}

.design-editors-form-fields-dropdown .fx-dropdown-item {
  padding: 6px;
}

.design-editors-form-fields-dropdown .fx-dropdown-item svg#icon-chevron-left {
  margin-right: 10px;
}

.design-editors-social-dropdown {
  max-height: 175px;
}

.design-background {
  position: relative;
}

.design-editors-background-image-bar {
  position: relative;
  width: 100%;
  height: 36px;
  border: 2px solid #cfccca;
  background: #fff;
  cursor: pointer;
  border-radius: 2px;
}

.design-editors-background-image-bar:hover {
  border-color: #7d7a78;
}

.design-editors-background-image-bar__inner {
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
}

.design-editors-background-image-preview {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: 50% 50%;
}

.design-editors-background-image-thumbnail {
  position: relative;
  width: 100%;
  height: 100px;
  border: 2px solid #fff;
  cursor: pointer;
  box-shadow: 0 0 0 2px #cfccca;
}

.design-editors-background-image-thumbnail:hover .design-editors-background-image-thumbnail__mask {
  opacity: 1;
  transition: .1s opacity ease-in-out;
}

.design-editors-background-image-thumbnail__mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  fill: #fff;
  text-align: center;
  background: rgba(0,0,0,.8);
  transition: .1s opacity ease-in-out;
}

.design-editors-background-image-position {
  position: relative;
  width: 60px;
  height: 60px;
  border: 2px solid #cfccca;
}

.design-editors-background-image-position>.design-circle-btn {
  transition: transform .1s ease-in-out;
}

.design-editors-background-image-position>.design-circle-btn.design-circle-btn--active {
  transform: scale(1.2);
  transition: transform .1s ease-in-out;
}

.design-editors-background-image-position>.design-circle-btn[data-position="left top"] {
  top: 0;
  left: 0;
}

.design-editors-background-image-position>.design-circle-btn[data-position="left center"] {
  top: 50%;
  left: 0;
}

.design-editors-background-image-position>.design-circle-btn[data-position="left bottom"] {
  top: 100%;
  left: 0;
}

.design-editors-background-image-position>.design-circle-btn[data-position="right top"] {
  left: 100%;
  top: 0;
}

.design-editors-background-image-position>.design-circle-btn[data-position="right center"] {
  left: 100%;
  top: 50%;
}

.design-editors-background-image-position>.design-circle-btn[data-position="right bottom"] {
  left: 100%;
  top: 100%;
}

.design-editors-background-image-position>.design-circle-btn[data-position="center top"] {
  left: 50%;
  top: 0;
}

.design-editors-background-image-position>.design-circle-btn[data-position="center center"] {
  left: 50%;
  top: 50%;
}

.design-editors-background-image-position>.design-circle-btn[data-position="center bottom"] {
  left: 50%;
  top: 100%;
}

.design-editors-border-style-dotted,
.design-editors-border-style-dashed,
.design-editors-border-style-solid {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-width: 2px;
  border-color: #cfccca;
  cursor: pointer;
}

.design-editors-border-style-dotted:hover,
.design-editors-border-style-dashed:hover,
.design-editors-border-style-solid:hover {
  border-color: #7d7a78;
}

.design-editors-border-style--active.design-editors-border-style-dotted,
.design-editors-border-style--active.design-editors-border-style-dashed,
.design-editors-border-style--active.design-editors-border-style-solid {
  border-color: #004cff;
}

.design-editors-border-style-solid {
  border-style: solid;
}

.design-editors-border-style-dashed {
  border-style: dashed;
}

.design-editors-border-style-dotted {
  border-style: dotted;
}

.design-editors-units {
  position: relative;
  width: 100%;
  height: 36px;
  cursor: ew-resize;
}

.design-editors-units:hover input {
  border-color: #7d7a78;
}

.design-editors-units--disabled .design-editors-units__input {
  pointer-events: none;
}

.design-editors-units--disabled .design-editors-units__input input {
  color: #e8e7e6 !important;
}

.design-editors-units--disabled .design-editors-units__toggle {
  color: #7d7a78;
}

.design-editors-units--disabled .design-editors-units__toggle:hover {
  color: #302b27;
}

.design-editors-units__input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.design-editors-units__input input {
  pointer-events: none;
}

.design-editors-units__units {
  position: absolute;
  top: 2px;
  right: 0;
  bottom: 2px;
  line-height: 34px;
  color: #7d7a78;
  text-align: center;
}

.design-editors-units__toggle {
  position: relative;
  color: #7d7a78;
  cursor: pointer;
}

.design-editors-units__toggle::after {
  content: "";
  bottom: 10px;
  left: 0;
  position: absolute;
  height: 0;
  width: 100%;
  border-bottom: 1px dotted #7d7a78;
}

.design-editors-units__toggle:hover {
  color: #004cff;
}

.design-editors-units__toggle+.fx-dropdown-menu {
  min-width: 50px;
}

.design-editors-image {
  position: relative;
  width: 100%;
  height: 150px;
  overflow: hidden;
  text-align: center;
  border: 2px solid #cfccca;
  cursor: pointer;
  border-radius: 2px;
}

.design-editors-image:hover {
  border: 2px solid #7d7a78;
}

.design-editors-image--sm {
  height: 50px;
}

.design-editors-image__mask {
  background: rgba(0,0,0,.5);
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  transition: opacity .1s ease-in-out;
}

.design-editors-image__img {
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  border: 2px solid #fff;
}

.design-editors-image--favicon .design-editors-image__img {
  background-size: 16px 16px;
}

.design-editors-image__btn {
  width: 100% !important;
  height: 100% !important;
}

.design-editors-image-thumbnail {
  width: 150px;
  height: 150px;
  display: inline-block;
  border: 2px solid #fff;
  cursor: pointer;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0,0,0,.12);
  transition: box-shadow .1s ease-in-out;
}

.design-editors-image-thumbnail:hover:not(.design-editors-image-thumbnail--active) {
  box-shadow: 0 1px 3px rgba(0,0,0,.12),0 0 0 4px #cfccca;
  transition: box-shadow .1s ease-in-out;
}

.design-editors-image-thumbnail:active,
.design-editors-image-thumbnail.design-editors-image-thumbnail--active {
  box-shadow: 0 1px 3px rgba(0,0,0,.12),0 0 0 4px #004cff;
}

.design-editors-image__reset {
  position: absolute;
  right: 100%;
  top: 50%;
  margin-top: -5px;
  cursor: pointer;
}

.design-editors-image__reset svg {
  fill: #cfccca;
}

.design-editors-image__reset:hover svg {
  fill: #7d7a78;
}

.design-editors-image__placeholder {
  cursor: pointer;
  color: #cfccca;
}

.design-editors-image__placeholder svg {
  fill: #cfccca;
}

.design-editors-image__placeholder:hover {
  color: #7d7a78;
}

.design-editors-image__placeholder:hover svg {
  fill: #7d7a78;
}

.design-editors-fonts-list {
  padding: 10px;
  width: 230px;
  max-height: 175px;
}

.design-editors-fonts-list__item {
  position: relative;
  padding: 7px 10.5px;
  color: #5c5854;
  cursor: pointer;
}

.design-editors-fonts-list__item:hover:not(.design-editors-fonts-list__item--active) {
  background: #f7f7f7;
}

.design-editors-fonts-list__item::after {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 11px;
  height: 11px;
  margin-top: -5.5px;
  fill: #fff;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJmaWxsOiAjZjlmN2Y2OyIgd2lkdGg9IjExLjM4IiBoZWlnaHQ9IjkiIHZpZXdCb3g9IjAgMCAxMS4zOCA5Ij48cG9seWdvbiBwb2ludHM9IjQuMDUgOSAwIDUuMzcgMS4zNCAzLjkgMy45NSA2LjIzIDkuOTMgMCAxMS4zOCAxLjM3IDQuMDUgOSIvPjwvc3ZnPg==) center center no-repeat;
  background-size: 100%;
  content: "";
  transform: scale(0);
  transition: all 300ms cubic-bezier(0, 0.89, 0.44, 1) .25s;
}

.design-editors-fonts-list__item--active {
  color: #fff;
  background: #004cff;
}

.design-editors-fonts-list__item--active::after {
  transform: scale(1);
  transition: all 300ms cubic-bezier(0, 0.89, 0.44, 1) .25s;
}

.design-editors-color {
  position: relative;
  width: 32px;
  height: 32px;
  color: #fff;
  border: 2px solid currentColor;
  cursor: pointer;
  box-shadow: 0 0 0 2px #cfccca;
  transition: color .1s ease-in-out;
  border-radius: 2px;
}

.design-editors-color:hover:not(.design-editors-color--active) {
  box-shadow: 0 0 0 2px #7d7a78;
  transition: box-shadow .1s ease-in-out;
}

.design-editors-color--add:hover svg {
  fill: #7d7a78;
}

.design-editors-color--add svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  fill: #cfccca;
  margin-top: 1px;
  margin-left: 1px;
}

.design-editors-color--block {
  width: 100%;
  height: 20px;
  margin: 0;
}

.design-editors-color--active {
  box-shadow: 0 0 0 2px #004cff;
}

.design-editors-color__caret::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 10px solid currentColor;
  border-left: 10px solid rgba(0,0,0,0);
  border-right: 10px solid rgba(0,0,0,0);
  margin-right: -8px;
  margin-bottom: -2px;
  transform: rotate(-45deg);
}

.design-editors-color__caret::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 6px solid #7d7a78;
  border-left: 6px solid rgba(0,0,0,0);
  border-right: 6px solid rgba(0,0,0,0);
  margin-right: -4px;
  margin-bottom: -1px;
  transform: rotate(-45deg);
}

.design-editors-color-gradient-active .design-editors-color-mask {
  display: block;
}

.design-editors-color-gradient-active .design-editors-color-slider-add {
  display: block;
}

.design-editors-color-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ced3e0;
  cursor: pointer;
  display: none;
  pointer-events: none;
}

.design-editors-color-mask__mark {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #fff;
}

.design-editors-color-slider {
  position: relative;
  width: 100%;
  height: 36px;
  border: 2px solid #cfccca;
  background: #fff;
  border-radius: 2px;
}

.design-editors-color-slider-inner {
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
}

.design-editors-color-value {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  cursor: pointer;
}

.design-editors-color-add {
  position: absolute;
  bottom: 100%;
  transform: translateX(-50%);
}

.design-editors-color-add::after {
  content: "";
  position: absolute;
  top: 100%;
  height: 36px;
  background: #cfccca;
  width: 2px;
}

.design-editors-color-checkers {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAIAAABLbSncAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAChJREFUeNpiPHPmDAMMGBsbw9lMDDgA6RKM%2F%2F%2F%2Fh3POnj1LCzsAAgwAQtYIcFfEyzkAAAAASUVORK5CYII%3D");
}

.design-editors-color-slider-marker {
  position: absolute;
  background: #fff;
  top: 0;
  bottom: 0;
  left: 0;
  margin-left: -1px;
  width: 2px;
}

.design-editors-color-slider-handle {
  position: absolute;
  top: 100%;
  left: 0;
  margin-left: -5px;
  z-index: 110;
}

.design-editors-color-location {
  position: absolute;
  bottom: 100%;
  margin-bottom: 4px;
  padding: 2px 4px;
  background: #5c5854;
  color: #fff;
  border-radius: 2px;
  transform: translateX(-50%);
  box-shadow: 0 1px 3px rgba(0,0,0,.12);
  z-index: 120;
}

.design-editors-color-popover {
  width: 230px;
}

.design-editors-color-popover__palette .design-editors-color {
  display: inline-block;
  margin-bottom: 9px;
}

.design-editors-color-popover__palette .design-editors-color:not(:nth-child(5n)) {
  margin-right: 9px;
}

.design-editors-color-handle {
  cursor: pointer;
}

.design-editors-color-handle:hover .design-editors-color-handle__outer {
  fill: #7d7a78;
}

.design-editors-color-handle:active .design-editors-color-handle__outer {
  fill: #004cff;
}

.design-editors-color-handle__outer {
  fill: #cfccca;
}

.design-editors-color-handle__inner {
  fill: #fff;
}

.design-editors-color-table {
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}

.design-editors-color-row {
  display: table-row;
  width: 100%;
}

.design-editors-color-cell {
  display: table-cell;
  border: 2px solid #cfccca;
  padding: 2px;
  cursor: pointer;
}

.design-editors-color-cell:hover:not(.design-editors-color-cell--active) .design-editors-color-cell__fill {
  z-index: 110;
  box-shadow: 0 0 0 2px #fff,0 0 0 4px #7d7a78;
}

.design-editors-color-cell--active .design-editors-color-cell__fill {
  z-index: 120;
  box-shadow: 0 0 0 2px #fff,0 0 0 4px #004cff;
}

.design-editors-color-cell--active .design-editors-color-cell__check {
  display: block;
}

.design-editors-color-cell__fill {
  position: relative;
  width: 17px;
  height: 17px;
}

.design-editors-color-cell__fill--block {
  width: 100%;
}

.design-editors-color-cell__check {
  display: none;
  line-height: 17px;
  text-align: center;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  color: #fff;
  text-shadow: 0 1px 3px rgba(0,0,0,.12);
}

.design-editors-axis {
  cursor: pointer;
  fill: #cfccca;
}

.design-editors-axis:hover {
  fill: #7d7a78;
}

.design-editors-axis-picker--border-width.border-top-width [data-property=border-top-width] {
  fill: #004cff;
}

.design-editors-axis-picker--border-width.border-left-width [data-property=border-left-width] {
  fill: #004cff;
}

.design-editors-axis-picker--border-width.border-right-width [data-property=border-right-width] {
  fill: #004cff;
}

.design-editors-axis-picker--border-width.border-bottom-width [data-property=border-bottom-width] {
  fill: #004cff;
}

.design-editors-axis-picker--border-radius.border-bottom-right-radius [data-property=border-bottom-right-radius] {
  fill: #004cff;
}

.design-editors-axis-picker--border-radius.border-bottom-left-radius [data-property=border-bottom-left-radius] {
  fill: #004cff;
}

.design-editors-axis-picker--border-radius.border-top-right-radius [data-property=border-top-right-radius] {
  fill: #004cff;
}

.design-editors-axis-picker--border-radius.border-top-left-radius [data-property=border-top-left-radius] {
  fill: #004cff;
}

.design-editors-axis-picker--padding.padding-top [data-property=padding-top] {
  fill: #004cff;
}

.design-editors-axis-picker--padding.padding-bottom [data-property=padding-bottom] {
  fill: #004cff;
}

.design-editors-axis-picker--padding.padding-left [data-property=padding-left] {
  fill: #004cff;
}

.design-editors-axis-picker--padding.padding-right [data-property=padding-right] {
  fill: #004cff;
}

.design-editors-color-picker {
  position: relative;
  width: 200px;
}

.design-editors-color-picker__h {
  position: relative;
  width: 100%;
  height: 10px;
  border-radius: 500px;
}

.design-editors-color-picker__sv {
  position: relative;
  width: 100%;
  height: 50px;
  border-radius: 4px;
}

.design-editors-color-picker__mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 4px;
}

.design-editors-color-picker__handle {
  position: absolute;
  top: 50%;
  margin-top: -5px;
  margin-left: -5px;
  width: 10px;
  height: 10px;
  background: currentColor;
  cursor: pointer;
  box-shadow: 0 0 0 2px #fff,0 0 0 4px #ced3e0;
  border-radius: 50%;
}

.design-editors-color-picker__handle:hover {
  box-shadow: 0 0 0 2px #fff,0 0 0 4px rgba(0,0,0,.26);
}

.design-editors-wheel {
  position: relative;
  width: 36px;
  height: 36px;
  padding: 2px;
  background: #fff;
  border-radius: 50%;
}

.design-editors-wheel__inner {
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  cursor: pointer;
  border: 2px solid #fff;
  box-shadow: 0 0 0 2px #cfccca;
  border-radius: 50%;
}

.design-editors-wheel__inner .design-editors-color-checkers,
.design-editors-wheel__inner .design-editors-color-value {
  border-radius: 50%;
}

.design-editors-wheel__inner--interact:hover {
  box-shadow: 0 0 0 2px #7d7a78;
}

.design-editors-wheel__radial {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -6px;
  margin-left: -6px;
  width: 12px;
  height: 12px;
  border: 2px solid #cfccca;
  cursor: pointer;
  border-radius: 50%;
}

.design-editors-wheel__radial:hover {
  border-color: #7d7a78;
}

.design-editors-wheel__radial--active {
  border-color: #004cff;
}

.design-editors-wheel__handle {
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  pointer-events: none;
}

.design-editors-wheel__handle--active .design-editors-wheel-handle__inner {
  fill: #004cff;
}

.design-editors-wheel-handle {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -10px;
  pointer-events: auto;
}

.design-editors-wheel-handle:hover .design-editors-wheel-handle__inner {
  fill: #7d7a78;
}

.design-editors-wheel-handle:active .design-editors-wheel-handle__inner {
  fill: #004cff;
}

.design-editors-wheel-handle--bottom {
  transform: rotate(180deg);
  bottom: 0;
}

.design-editors-wheel-handle--left {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
  margin-left: 0;
  transform: rotate(-90deg);
}

.design-editors-wheel-handle__outer {
  fill: #fff;
}

.design-editors-wheel-handle__inner {
  fill: #cfccca;
}

.design-editors-field-bar {
  position: relative;
  width: 100%;
  height: 36px;
  line-height: 32px;
  padding: 0 10.5px;
  border: 2px solid #cfccca;
  background: #f7f7f7;
  cursor: pointer;
  color: #5c5854;
  border-radius: 2px;
}

.design-editors-field-bar:hover {
  border-color: #7d7a78;
}

.design-editors-field-bar--notset {
  background: rgba(239,92,72,.2);
  border-color: #ef5c48;
  color: #ef5c48;
}

.design-editors-field-bar--notset .design-editors-field-bar__icon svg {
  fill: #ef5c48 !important;
}

.design-editors-field-bar--notset:hover {
  border-color: #d83e13;
}

.design-component-field-placeholder {
  background: #fff;
  padding: 10.5px 15.75px;
  border: 2px dashed #cfccca;
  color: #7d7a78;
  text-align: center;
  margin-bottom: 20px;
}

.design-editors-field-bar__label {
  display: inline-block;
  width: calc(100% - 25px);
}

.design-editors-field-bar__icon {
  float: right;
}

.design-editors-field-bar__icon svg {
  display: inline-block;
  vertical-align: middle;
  fill: #7d7a78;
}

.design-component {
  position: relative;
}

.design-component:before,
.design-component:after {
  content: " ";
  display: table;
}

.design-ace-area {
  position: absolute !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.design-ace-area.paypal {
  position: relative !important;
  box-sizing: border-box;
  height: 176px;
  border: 1px solid #ced3e0;
  border-radius: 4px;
}

.design-ace-sm {
  height: 300px;
  width: 100%;
  border-radius: 4px;
  border: 2px solid #cfccca;
}

.design-move-component a,
.design-move-component input,
.design-move-component select,
.design-move-component textarea,
.design-move-component button,
.design-move-component iframe {
  pointer-events: none;
}

.design-ns-component {
  cursor: ns-resize;
}

.design-ns-component * {
  cursor: ns-resize;
}

.design-ns-component input,
.design-ns-component select,
.design-ns-component textarea,
.design-ns-component button {
  pointer-events: none;
}

.select-gap-fill {
  fill: rgba(125,122,120,.15);
}

.design-svg-btn {
  cursor: pointer;
  fill: #cfccca;
  display: inline-block;
  vertical-align: middle;
}

.design-svg-btn:hover {
  fill: #7d7a78;
}

.design-svg-btn.design-svg-btn--active {
  fill: #004cff;
}

.design-svg-btn[disabled=disabled] {
  pointer-events: none;
  cursor: default;
}

.design-svg-btn[disabled=disabled] svg {
  fill: #e8e7e6 !important;
}

.design-circle-btn {
  position: absolute;
  margin-top: -5px;
  margin-left: -5px;
  width: 10px;
  height: 10px;
  border: 2px solid #cfccca;
  background: #fff;
  cursor: pointer;
  border-radius: 50%;
}

.design-circle-btn:hover {
  border-color: #7d7a78;
}

.design-circle-btn.design-circle-btn--active {
  border-color: #004cff;
}

.design-upload-icon {
  position: absolute;
  top: 10px;
  left: 15px;
  fill: #7d7a78;
}

.bach-navigation-mobile-menu-input {
  display: none !important;
}

#page-theme.design-container--mobile,
.design-container--mobile {
  margin: 0 auto;
  width: 375px;
}

#page-theme.design-container--mobile .bach-mobile-only,
.design-container--mobile .bach-mobile-only {
  display: block;
}

#page-theme.design-container--mobile .bach-desktop-only,
.design-container--mobile .bach-desktop-only {
  display: none;
}

#page-theme.design-container--mobile .is-responsive .page-column,
.design-container--mobile .is-responsive .page-column {
  width: 100% !important;
  margin-left: auto;
  margin-right: auto;
}

#page-theme.design-container--mobile .media__img,
.design-container--mobile .media__img {
  width: 100% !important;
  max-width: 100% !important;
}

#page-theme.design-container--mobile .media__body,
.design-container--mobile .media__body {
  float: left;
}

.design-svg svg {
  fill: #cfccca;
}

.design-component-mask {
  position: relative;
}

.design-component-mask::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 110;
}

.design-row-placeholder {
  padding: 10.5px 15.75px;
  font-size: 14px;
  color: #1a5eff;
  background: rgba(26,94,255,.3);
  border: 2px dotted #1a5eff;
  text-align: center;
  opacity: .75;
}

.bach-embed,
.bach-embed-paypal {
  min-height: 35px;
}

#page-theme .bach-embed.static,
#page-theme .bach-embed-paypal.static,
#page-theme .bach-video.static {
  background: var(--ocean-100);
  padding: var(--sp-500);
  text-align: center;
}

#page-theme .bach-embed.static h3,
#page-theme .bach-embed-paypal.static h3,
#page-theme .bach-video.static h3 {
  font-family: var(--ff-standard);
  font-size: var(--fs-300);
  font-weight: var(--fw-semi-bold);
  line-height: var(--lh-300);
}

#page-theme .bach-embed.static p,
#page-theme .bach-embed-paypal.static p,
#page-theme .bach-video.static p {
  font-family: var(--ff-standard);
  font-size: var(--fs-100);
  font-weight: var(--fw-medium);
  line-height: var(--lh-100);
}

#page-theme .bach-embed.static .description,
#page-theme .bach-embed-paypal.static .description,
#page-theme .bach-video.static .description {
  color: var(--slate-400);
  margin-bottom: var(--sp-400);
}

.embed-paypal-editor-container {
  padding: 12px 12px 0 12px;
}

.embed-paypal-editor-container .paypal-block-instructions {
  letter-spacing: .7px;
}


.auth-slider-label-inner__text,
.auth-slider {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.auth-user-type,
.auth-user-view--mono .auth-user-content-header .auth-user-content-header__desc,
.auth-user-content-testimonial__title,
.auth-user-content-testimonial__name,
.auth-user-content-form__errors>*,
.auth-user-content-help,
.auth-user-content-header__desc,
.auth-error-client-nav-item {
  font-size: 14px;
  font-weight: normal;
  line-height: 21px;
  letter-spacing: .02em;
}

.auth-slider-label-inner__title.auth-user-type,
.auth-user-view--mono .auth-user-content-header .auth-slider-label-inner__title.auth-user-content-header__desc,
.auth-slider-label-inner__title.auth-user-content-testimonial__title,
.auth-slider-label-inner__title.auth-user-content-testimonial__name,
.auth-user-content-form__errors>.auth-slider-label-inner__title,
.auth-slider-label-inner__title.auth-user-content-help,
.auth-slider-label-inner__title.auth-user-content-header__desc,
.auth-slider-label-inner__title.auth-error-client-nav-item,
.auth-plan-horizontal__left.auth-user-type,
.auth-user-view--mono .auth-user-content-header .auth-plan-horizontal__left.auth-user-content-header__desc,
.auth-plan-horizontal__left.auth-user-content-testimonial__title,
.auth-plan-horizontal__left.auth-user-content-testimonial__name,
.auth-user-content-form__errors>.auth-plan-horizontal__left,
.auth-plan-horizontal__left.auth-user-content-help,
.auth-plan-horizontal__left.auth-user-content-header__desc,
.auth-plan-horizontal__left.auth-error-client-nav-item,
.auth-plan__header.auth-user-type,
.auth-user-view--mono .auth-user-content-header .auth-plan__header.auth-user-content-header__desc,
.auth-plan__header.auth-user-content-testimonial__title,
.auth-plan__header.auth-user-content-testimonial__name,
.auth-user-content-form__errors>.auth-plan__header,
.auth-plan__header.auth-user-content-help,
.auth-plan__header.auth-user-content-header__desc,
.auth-plan__header.auth-error-client-nav-item,
.auth-plan.auth-user-type::before,
.auth-user-view--mono .auth-user-content-header .auth-plan.auth-user-content-header__desc::before,
.auth-plan.auth-user-content-testimonial__title::before,
.auth-plan.auth-user-content-testimonial__name::before,
.auth-user-content-form__errors>.auth-plan::before,
.auth-plan.auth-user-content-help::before,
.auth-plan.auth-user-content-header__desc::before,
.auth-plan.auth-error-client-nav-item::before,
.auth-plan-card__header.auth-user-type,
.auth-user-view--mono .auth-user-content-header .auth-plan-card__header.auth-user-content-header__desc,
.auth-plan-card__header.auth-user-content-testimonial__title,
.auth-plan-card__header.auth-user-content-testimonial__name,
.auth-user-content-form__errors>.auth-plan-card__header,
.auth-plan-card__header.auth-user-content-help,
.auth-plan-card__header.auth-user-content-header__desc,
.auth-plan-card__header.auth-error-client-nav-item {
  font-size: 12px;
  line-height: 18px;
}

.auth-user-content-testimonial__name,
.auth-user-content-header__desc {
  font-size: 16px;
  line-height: 25px;
}

.auth-user-content-help--sm,
.auth-slider-label-inner__text,
.auth-plan-features__item {
  font-size: 12px;
  line-height: 18px;
}

.auth-user-content-header__title {
  font-size: 28px;
  line-height: 42px;
}

.auth-slider-label-inner__title.auth-user-content-header__title,
.auth-plan-horizontal__left.auth-user-content-header__title,
.auth-plan__header.auth-user-content-header__title,
.auth-plan.auth-user-content-header__title::before,
.auth-plan-card__header.auth-user-content-header__title {
  font-size: 21px;
  line-height: 31px;
}

.auth-user-content-testimonial__quote,
.auth-invite-input {
  font-size: 18px;
  line-height: 25px;
}

.auth-slider-label-inner__title.auth-user-content-testimonial__quote,
.auth-plan-horizontal__left.auth-user-content-testimonial__quote,
.auth-plan__header.auth-user-content-testimonial__quote,
.auth-plan.auth-user-content-testimonial__quote::before,
.auth-plan-card__header.auth-user-content-testimonial__quote,
.auth-invite-input.auth-slider-label-inner__title,
.auth-invite-input.auth-plan-horizontal__left,
.auth-invite-input.auth-plan__header,
.auth-invite-input.auth-plan::before,
.auth-invite-input.auth-plan-card__header {
  font-size: 13px;
  line-height: 19px;
}

.auth-slider-label-inner__title,
.auth-plan-horizontal__left,
.auth-plan__header,
.auth-plan::before,
.auth-plan-card__header {
  font-size: 14px;
  line-height: 21px;
}

.auth-slider-label-inner__title,
.auth-plan-horizontal__left,
.auth-plan__header,
.auth-plan::before,
.auth-plan-card__header {
  font-size: 10px;
  line-height: 15px;
}

.auth-slider-label-inner__title,
.auth-plan-horizontal__left,
.auth-plan__header,
.auth-plan::before,
.auth-plan-card__header {
  letter-spacing: .05em;
  text-transform: uppercase;
}

.auth-slider-label-inner__title,
.auth-slider-label-inner__text,
.auth-plan-horizontal__left,
.auth-plan__header,
.auth-plan::before,
.auth-plan-card__header {
  font-weight: 700 !important;
}

.auth-user-content-testimonial__name,
.auth-user-content-help__action,
.auth-user-content-header__action,
.auth-user-content-header__title,
.auth-invite-input {
  font-weight: 600 !important;
}

.auth-user-type,
.auth-user-content-form__errors>*,
.auth-user-content-help,
.auth-user-content-header__desc,
.auth-user-content-header__title {
  text-align: center;
}

.auth-faq-header {
  text-align: center;
  font-family: "IBM Plex Sans",sans-serif !important !important;
  font-size: 24px;
  line-height: 36px;
  color: #4d577b;
}

.auth-faq-container {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
}

.auth-invite-input {
  font-family: "IBM Plex Sans",sans-serif !important !important;
  width: 100%;
  border: 2px solid #cfccca;
  border-left: 0;
  height: 60px;
  color: #5c5854;
  outline: 0;
  text-align: center;
  box-shadow: none;
  transition: box-shadow .15s;
}

.auth-invite-input:focus {
  outline: 0;
  box-shadow: inset 0 -4px 0 #004cff;
}

.auth-invite-input--valid {
  box-shadow: inset 0 -4px 0 #7dd366;
}

.auth-invite-input-col:first-child .auth-invite-input {
  border-radius: 4px 0 0 4px;
  border-left: 2px solid #cfccca;
}

.auth-invite-input-col:last-child .auth-invite-input {
  border-radius: 0 4px 4px 0;
}

.auth-plans-col {
  float: left;
  width: 20%;
}

.auth-plans-col:nth-child(2) {
  padding-right: 5px;
}

.auth-plans-col:nth-child(3) {
  padding-left: 5px;
  padding-right: 5px;
}

.auth-plans-col:nth-child(4) {
  padding-left: 5px;
  padding-right: 5px;
}

.auth-plans-col:nth-child(5) {
  padding-left: 5px;
}

.auth-plans-col.auth-plans-col--future .auth-plan {
  box-shadow: 0 0 0 2px #7dd366;
}

.auth-plans-col.auth-plans-col--future .auth-plan:before {
  background-color: #7dd366;
  display: block !important;
}

.auth-plans-col.auth-plans-col--future .auth-plan .auth-plan__header {
  background-color: rgba(125,211,102,.06);
  color: #7dd366;
}

.auth-plans-col.auth-plans-col--active .auth-plan {
  box-shadow: 0 0 0 2px #004cff;
}

.auth-plans-col.auth-plans-col--active .auth-plan:before {
  background-color: #004cff;
  display: block !important;
}

.auth-plans-col.auth-plans-col--active .auth-plan .auth-plan__header {
  background-color: rgba(0,76,255,.06);
  color: #004cff;
}

.auth-plans-col.auth-plans-col--offer:not(.auth-plans-col--active) .auth-plan {
  box-shadow: 0 0 0 2px #e9b049;
}

.auth-plans-col.auth-plans-col--offer:not(.auth-plans-col--active) .auth-plan:before {
  background-color: #e9b049;
  display: block !important;
}

.auth-plans-col.auth-plans-col--offer:not(.auth-plans-col--active) .auth-plan .auth-plan__header {
  background-color: rgba(233,176,73,.1);
}

.auth-plan-card {
  display: inline-block;
  background: #fff;
  border: 1px solid #ced3e0;
}

.auth-plan-card__header {
  padding: 15px;
  color: #7d7a78;
  text-align: center;
  background: #fff;
  border-bottom: 1px solid #ced3e0;
}

.auth-plan-card__body {
  padding: 10px 10px 15px;
  text-align: center;
}

.auth-plan-card__footer {
  padding: 12.5px 20px;
  background-color: rgba(125,211,102,.25);
  border: 4px solid #fff;
}

.auth-plan-features__item {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.auth-plan-features__item svg {
  display: block;
}

.auth-plan {
  background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.12);
  text-align: center;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.auth-plan::before {
  content: attr(data-plan-message);
  display: block;
  color: #fff;
  text-align: center;
  padding: 6px 10.5px;
  height: 25px;
  box-sizing: border-box;
  position: absolute;
  bottom: 100%;
  left: -2px;
  right: -2px;
}

.auth-plan__header {
  background-color: #fff;
  border-bottom: 1px solid #ced3e0;
  padding: 7px 12px;
  padding-top: 10.5px;
  color: #7d7a78;
}

.auth-plan__price {
  border-bottom: 1px solid #ced3e0;
  padding: 7px 12px;
  padding-top: 10.5px;
  color: #7d7a78;
  font-family: "IBM Plex Sans",sans-serif !important !important;
}

.auth-plan__footer {
  padding: 15px;
}

.auth-plan-horizontal {
  background: #fff;
  box-shadow: 0 0 1px rgba(0,0,0,.15);
  width: 100%;
  display: flex;
  align-items: center;
}

.auth-plan-horizontal__left {
  text-align: center;
  background-color: #fff;
  border-right: 1px solid #ced3e0;
  padding: 7px 12px;
  padding-top: 10.5px;
  color: #7d7a78;
}

.auth-plan-horizontal__right {
  flex: 1;
}

.auth-receipt {
  display: block;
  position: relative;
  border-bottom: 1px solid #ced3e0;
}

.auth-receipt:after {
  content: "";
  display: table;
  clear: both;
}

.auth-receipt--warning .auth-receipt__right {
  background-color: #fdf9e2;
}

.auth-receipt--danger .auth-receipt__left {
  width: 75%;
  background-color: #feeee6;
}

.auth-receipt--danger .auth-receipt__right {
  left: 75%;
  background-color: #feeee6;
}

.auth-receipt__left {
  width: 50%;
  float: left;
  border-right: 1px solid #ced3e0;
  padding: 15px;
}

.auth-receipt__right {
  position: absolute;
  top: 0;
  right: 0;
  left: 50%;
  bottom: 0;
  padding: 15px;
}

.auth-slider {
  position: relative;
  width: 100%;
  height: 20px;
  background-color: #cfccca;
  border-radius: 500px;
  margin-bottom: 40px;
}

.auth-slider-contain {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 2px;
  right: 2px;
}

.auth-slider-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  background: #fff;
  width: 4px;
  margin-top: 0;
  margin-left: -2px;
  cursor: ew-resize;
  box-shadow: 0 0 0 2px #7d7a78;
  border-radius: 1px;
  transition: transform .1s ease-in-out;
}

.auth-slider-handle:hover,
.auth-slider-handle:active {
  box-shadow: 0 0 0 2px #004cff;
}

.auth-slider-handle:active {
  transform: scaleY(1.3);
}

.auth-slider-label {
  position: absolute;
  top: 100%;
  left: 0;
  transform: translateX(-50%);
  margin-top: 7.5px;
}

.auth-slider-label-inner__text {
  color: #5c5854;
  text-align: center;
}

.auth-slider-label-inner__title {
  color: #4d577b;
  white-space: nowrap;
  text-align: center;
}

.auth-slider-fill {
  position: absolute;
  top: 0;
  bottom: 0;
  background: #7dd366;
  border-left: 2px solid #fff;
}

.auth-view {
  height: 100%;
  display: flex;
  flex-direction: column;
  max-width: 400px;
  padding: 0 20px;
  margin: 0 auto;
}

.auth-expired-view {
  margin-left: -120px;
  width: 600px;
}

.auth-view-content {
  position: relative;
  flex: 1;
  width: 200%;
}

.auth-view-content__inner {
  width: 50%;
  float: left;
  transition: .3s ease-in-out all;
}

.auth-view-content__inner.ng-enter {
  transform: translate3d(100%, 0, 0);
  opacity: 0;
}

.auth-view-content__inner.ng-enter-active {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.auth-view-content__inner.ng-leave {
  transform: translate3d(-100%, 0, 0);
  opacity: 1;
}

.auth-view-content__inner.ng-leave-active {
  transform: translate3d(-200%, 0, 0);
  opacity: 0;
}

.auth-view-footer p {
  display: inline-block;
}

.auth-view-footer a {
  text-decoration: none;
}

.auth-view-error {
  height: 100%;
  display: flex;
  flex-direction: column;
  max-width: 440px;
  padding: 0 20px;
  margin: 0 auto;
}

.auth-view-error-content {
  position: relative;
  flex: 1;
  width: 200%;
}

.auth-view-error-content__inner {
  width: 50%;
  float: left;
  transition: .3s ease-in-out all;
}

.auth-view-error-content__inner.ng-enter {
  transform: translate3d(100%, 0, 0);
  opacity: 0;
}

.auth-view-error-content__inner.ng-enter-active {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.auth-view-error-content__inner.ng-leave {
  transform: translate3d(-100%, 0, 0);
  opacity: 1;
}

.auth-view-error-content__inner.ng-leave-active {
  transform: translate3d(-200%, 0, 0);
  opacity: 0;
}

.auth-view-error-footer p {
  display: inline-block;
}

.auth-view-error-footer a {
  text-decoration: none;
}

.auth-error-client-nav {
  max-height: 350px;
  overflow-y: scroll;
}

.auth-error-client-nav-item {
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 -1px #ced3e0;
  background: #fff;
  cursor: pointer;
}

.auth-error-client-nav-item:hover {
  background: #fafafa;
}

.auth-error-client-nav-item:last-child {
  box-shadow: none;
}

.auth-error-client-nav-item[disabled=disabled] {
  pointer-events: none;
}

.auth-error-client-nav-item__avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  font-size: 18px;
  color: #fff;
  background-color: #e8e7e6;
}

.auth-error-client-nav-item__avatar img {
  border-radius: 50%;
}

.auth-user-container {
  display: flex;
  min-height: 100vh;
}

.auth-user-view {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 10;
}

.auth-user-view--collapsible {
  flex: 0 1 auto;
  justify-content: center;
}

.auth-user-view--background {
  background-attachment: fixed;
  background: linear-gradient(-30deg, #622393 50%, #aa39a4);
}

.auth-user-view--background:before {
  content: "";
  background: url(bf9829ef7f221e74c0e5e3413f172188.svg) repeat-x top center;
  display: block;
  width: 100%;
  height: 370px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: .15;
}

.auth-user-testimonial-background--default:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(60a2bfb8ed38727a8297526ad82deec9.jpg) no-repeat center center;
  background-size: cover;
  opacity: .12;
}

.auth-user-view__logo {
  margin: 40px auto;
  position: relative;
  z-index: 10;
}

.auth-user-view-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 30px 30px;
  width: 100%;
}

.auth-user-view-inner--sm {
  width: 40vw;
}

.auth-user-view-inner--md {
  width: 50vw;
}

.auth-user-view-inner--lg {
  width: 60vw;
}

.auth-user-view-inner--full {
  width: 100vw;
}

.auth-user-view-inner--bottom {
  justify-content: flex-end;
  flex: 1;
}

.auth-user-view-inner--top {
  align-items: flex-start;
}

.auth-user-content {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.auth-user-content--sm {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}

.auth-user-content--md {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}

.auth-user-content--lg {
  width: 100%;
  max-width: 550px;
  margin: 0 auto;
}

.auth-user-content-header {
  margin-bottom: 30px;
}

.auth-user-content-header__title {
  line-height: 1.2;
  color: #e8af52;
}

.auth-user-content-header__desc {
  color: #fff;
  margin-top: 10px;
}

.auth-user-content-header__action {
  cursor: pointer;
  color: #e8af52;
}

.auth-user-content-header__action:hover {
  color: #fff !important;
}

.auth-user-content-header__action:hover svg {
  fill: #fff !important;
}

.auth-user-content-form {
  width: 100%;
  border-radius: 4px;
  background-color: #fff;
  padding: 20px;
  box-shadow: 0 10px 20px rgba(0,0,0,.16);
}

.auth-user-content-form fieldset {
  margin-bottom: 15px;
}

.auth-user-content-help {
  color: #fff;
}

.auth-user-content-help__action {
  cursor: pointer;
  color: #e8af52;
}

.auth-user-content-help__action:hover {
  color: #fff !important;
}

.auth-user-content-help__action:hover svg {
  fill: #fff !important;
}

.auth-user-content-form__errors.ng-active {
  margin-bottom: 20px;
}

.auth-user-content-form__errors>* {
  position: relative;
  width: 100%;
  display: block;
  background: #feeee6;
  border-radius: 4px;
  color: #ef5c48;
  padding: 10.5px 15.75px;
}

.auth-user-content-testimonial {
  padding: 40px 6%;
  max-width: 600px;
}

.auth-user-content-testimonial__avatar {
  border: 2px solid #fff;
  box-shadow: 0 10px 20px rgba(0,0,0,.16);
  border-radius: 50%;
  margin: 0 auto 30px;
  display: block;
}

.auth-user-content-testimonial__quote {
  color: #fff;
  margin-bottom: 20px;
}

.auth-user-content-testimonial__name {
  color: #e8af52;
}

.auth-user-content-testimonial__title {
  color: rgba(255,255,255,.5);
}

.auth-user-view--mono {
  background-color: #fff;
}

.auth-user-view--mono .auth-user-content-header .auth-user-view__logo {
  display: none;
  text-align: center;
  margin-top: 0;
  margin-bottom: 30px;
}

.auth-user-view--mono .auth-user-content-header .auth-user-content-header__title {
  color: #622393;
}

.auth-user-view--mono .auth-user-content-header .auth-user-content-header__desc {
  color: #7d7a78;
}

.auth-user-view--mono .auth-user-content-form {
  background-color: rgba(0,0,0,0);
  padding: 0;
  box-shadow: none;
}

.auth-user-view--mono .auth-user-content-form__errors>* {
  background: rgba(0,0,0,.05);
}

.auth-user-view--mono .auth-user-content-help {
  color: #7d7a78;
}

.auth-user-view--mono .auth-user-content-help .auth-user-content-help__action {
  color: #004cff;
}

.auth-user-view--mono .auth-user-content-help .auth-user-content-help__action:hover {
  color: #004cff !important;
}

.auth-user-view--mono .auth-user-content-help .auth-user-content-help__action:hover svg {
  color: #004cff !important;
}

.auth-user-type {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: rgba(255,255,255,.2);
  border-radius: 4px;
  padding: 10px;
  color: #fff !important;
  fill: #fff !important;
  border: 2px solid rgba(0,0,0,0);
  flex: 1;
  cursor: pointer;
  transition: all .2s;
}

.auth-user-type:nth-child(2) {
  margin: 0 20px;
}

.auth-user-type:hover {
  border: 2px solid rgba(255,255,255,.5);
}

.auth-user-type.auth-user-type--active {
  border: 2px solid #e8af52;
}

.auth-user-type.auth-user-type--active svg {
  fill: #e8af52;
}

.auth-user-type svg {
  margin-top: 15px;
  margin-bottom: 20px;
  transition: all .2s;
}

@media screen and (max-width: 1000px) {
  .auth-user-view--background {
    width: 100%;
  }

  .auth-user-testimonial-background--default {
    display: none;
  }

  .auth-user-view__logo {
    margin: 30px auto;
  }

  .auth-user-view--mono {
    width: 100%;
  }

  .auth-user-view--mono .auth-user-view-inner--lg {
    width: 100%;
  }

  .auth-user-view--mono .auth-user-content-header .auth-user-view__logo {
    display: block;
  }

  .auth-user-view-inner {
    padding: 0 20px 20px;
  }

  .auth-user-content-form {
    padding: 15px;
  }

  .auth-user-content-header__title {
    font-size: 20px;
  }

  .auth-user-type:nth-child(2) {
    margin: 0 10px;
  }
}

.auth-dropdown-payment-methods {
  width: 500px;
  max-height: 275px;
}

.auth-billing-price--original {
  text-decoration: line-through;
  margin-right: 7.5px;
  color: #cfccca !important;
}

.auth-view-wrapper[ui-view].ng-enter {
  transition: all linear 200ms;
  opacity: 0;
}

.auth-view-wrapper[ui-view].ng-enter-active {
  opacity: 1;
}

.auth-view-wrapper[ui-view].ng-leave {
  opacity: 1;
  transition: all linear 200ms;
}

.auth-view-wrapper[ui-view].ng-leave-active {
  opacity: 0;
}


.abc-slider-label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.abc-color-cell__check {
  font-size: 12px;
  line-height: 18px;
}

.abc-slider-label {
  font-size: 10px;
  line-height: 15px;
  font-weight: 600;
}

.abc-slider-label.abc-slider-title,
.abc-dropdown-link-btn.abc-slider-label,
.abc-dropdown-unlink-btn.abc-slider-label {
  font-size: 10px;
  line-height: 15px;
}

.abc-slider-title,
.abc-dropdown-link-btn,
.abc-dropdown-unlink-btn {
  font-size: 14px;
  line-height: 21px;
}

.abc-slider-title,
.abc-dropdown-link-btn,
.abc-dropdown-unlink-btn {
  font-size: 10px;
  line-height: 15px;
}

.abc-slider-label {
  font-size: 10px;
}

.abc-slider-title,
.abc-dropdown-link-btn,
.abc-dropdown-unlink-btn {
  letter-spacing: .05em;
  text-transform: uppercase;
}

.abc-slider-title {
  font-weight: 700 !important;
}

.abc-slider-label,
.abc-dropdown-link-btn,
.abc-dropdown-unlink-btn {
  font-weight: 600 !important;
}

.abc-color-dropdown {
  width: 220px;
}

.abc-color-table {
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}

.abc-color-row {
  display: table-row;
  width: 100%;
}

.abc-color-cell {
  display: table-cell;
  border: 2px solid #cfccca;
  padding: 2px;
  cursor: pointer;
}

.abc-color-cell:hover:not(.abc-color-cell--active) .abc-color-cell__fill {
  z-index: 110;
  box-shadow: 0 0 0 2px #fff,0 0 0 4px #7d7a78;
}

.abc-color-cell--active .abc-color-cell__fill {
  z-index: 120;
  box-shadow: 0 0 0 2px #fff,0 0 0 4px #004cff;
}

.abc-color-cell--active .abc-color-cell__check {
  display: block;
}

.abc-color-cell__fill {
  position: relative;
  width: 17px;
  height: 17px;
}

.abc-color-cell__fill--block {
  width: 100%;
}

.abc-color-cell__check {
  display: none;
  line-height: 17px;
  text-align: center;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  color: #fff;
  text-shadow: 0 1px 3px rgba(0,0,0,.12);
}

.abc-color-inactive {
  box-shadow: 0 0 0 2px #fff,0 0 0 4px #cfccca;
}

.abc-dropdown {
  width: 220px;
}

.abc-dropdown-item {
  display: block;
  padding: 2px;
  cursor: pointer;
}

.abc-dropdown-item:after {
  content: "";
  display: table;
  clear: both;
}

.abc-dropdown-item:not(:last-child) {
  padding-bottom: 0;
}

.abc-dropdown-item:hover .abc-dropdown-item__inner {
  background: #e8e7e6;
}

.abc-dropdown-item__inner {
  padding: 7px;
  margin-bottom: 2px;
  border-radius: 4px;
  fill: #7d7a78;
  color: #5c5854;
}

.abc-dropdown-item__inner:last-child {
  margin-bottom: 0;
}

.abc-dropdown-item--active .abc-dropdown-item__inner {
  background: #e8e7e6;
  fill: #004cff;
  color: #004cff;
}

.abc-dropdown-slider {
  position: relative;
  padding: 10px;
  width: 250px;
}

.abc-dropdown-link {
  padding: 10px;
  width: 250px;
}

.abc-dropdown-blocks {
  max-height: 275px;
  white-space: nowrap;
}

.abc-dropdown-unlink-btn {
  text-align: center;
  height: 32px;
  line-height: 32px;
  fill: #ef5c48;
  color: #ef5c48;
  cursor: pointer;
}

.abc-dropdown-unlink-btn:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.abc-dropdown-unlink-btn svg {
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}

.abc-dropdown-unlink-btn:hover {
  fill: #d83e13;
  color: #d83e13;
}

.abc-dropdown-link-btn {
  text-align: center;
  height: 32px;
  line-height: 32px;
  fill: #fff;
  color: #fff;
  cursor: pointer;
  background: #004cff;
  border-radius: 4px;
}

.abc-dropdown-link-btn:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.abc-dropdown-link-btn svg {
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}

.abc-dropdown-link-btn:hover {
  background: #0023b3;
}

.abc-extension-btn {
  position: relative;
  height: 100%;
  cursor: pointer;
  border-radius: 4px;
}

.abc-extension-btn:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.abc-extension-btn--active {
  background: #e8e7e6;
}

.abc-extension-btn--primary .abc-extension-btn__icon {
  fill: #004cff;
}

.abc-extension-btn__icon {
  display: inline-block;
  vertical-align: middle;
  fill: #7d7a78;
}

.abc-extension-btn__icon svg {
  display: block;
}

.abc-mask {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 2000;
}

.abc-mask.ng-enter,
.abc-mask.ng-enter-active,
.abc-mask.ng-leave,
.abc-mask.ng-leave-active {
  transition: opacity .1s;
}

.abc-mask.ng-enter {
  opacity: 0;
}

.abc-mask.ng-enter-active {
  opacity: 1;
}

.abc-mask.ng-leave-active {
  opacity: 0;
}

.abc-mask.ng-leave {
  opacity: 1;
}

.abc-slider {
  position: relative;
  width: 100%;
  height: 2px;
  margin-top: 9px;
  margin-bottom: 20px;
  background-color: #cfccca;
}

.abc-slider::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -5px;
  bottom: -5px;
  width: 2px;
  margin-left: -1px;
  background: #cfccca;
  z-index: -1;
}

.abc-slider-contain {
  position: absolute;
  top: -10px;
  bottom: -10px;
  left: 10px;
  right: 10px;
}

.abc-slider-handle {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  margin-left: -10px;
  height: 20px;
  width: 20px;
  border: 2px solid #cfccca;
  background: #fff;
  cursor: pointer;
}

.abc-slider-handle:hover {
  border-color: #7d7a78;
}

.abc-slider-handle:active {
  border-color: #004cff;
}

.abc-slider-label {
  position: absolute;
  top: 100%;
  left: 0;
  color: #7d7a78;
  transform: translateX(-50%);
}

.abc-slider-title {
  color: #7d7a78;
  margin-bottom: 10px;
}

.abc-toolbar {
  position: absolute;
  display: inline-block;
  background: #fff;
  border-radius: 4px;
  top: 0;
  left: 0;
  opacity: 0;
  box-shadow: 0 1px 3px rgba(0,0,0,.12);
  z-index: 140;
}

.abc-toolbar.ng-enter,
.abc-toolbar.ng-enter-active,
.abc-toolbar.ng-leave,
.abc-toolbar.ng-leave-active {
  transition: all .1s ease-in-out;
}

.abc-toolbar.ng-enter {
  opacity: 0;
  transform: translate3d(0, 10px, 0);
}

.abc-toolbar.ng-enter-active {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.abc-toolbar__item {
  display: inline-block;
  padding: 2px;
  height: 36px;
  width: 36px;
  text-align: center;
}

.abc-toolbar__item:hover .abc-extension-btn {
  background: #e8e7e6;
}

.abc-toolbar__done {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #004cff;
  box-shadow: 0 1px 3px rgba(0,0,0,.12);
  fill: #fff;
  text-align: center;
  z-index: 110;
  margin-top: -10px;
  margin-left: -10px;
  cursor: pointer;
}

.abc-toolbar__done:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.abc-toolbar__done svg {
  display: inline-block;
  vertical-align: middle;
}

.abc-toolbar__done:hover {
  background: #0023b3;
}

.abc-editor[contenteditable=true] {
  outline: 0;
}


.main-nav-item,
.main-nav-section,
.campaigns-catalog-header,
.campaigns-page-card__footer,
.campaigns-variant-weight-slider-label,
.campaigns-grid-toggle,
.v-text__label--sm,
.v-text__label,
.v-chart__map .v-map-state__label,
.v-series-list,
.v-chart__map,
.v-chart-line-sm,
.v-chart-line-sm--interact,
.v-chart-line,
.v-chart-bar,
.playback-marker-tail-container,
.playback-marker,
.core-hidden-scroll-container,
.campaigns-stat-card__header {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.main-2,
.main-1,
.view {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  overflow-x: hidden;
}

.main-dropdown-item,
.campaigns-page-meta-code,
.campaigns-seo-social-preview .campaigns-seo-social-preview__summary .campaigns-seo-social-preview__description,
.campaigns-seo-search-preview .campaigns-seo-search-preview__search-results,
.campaigns-catalog-item__cell,
.campaigns-variant-stat--desc,
.campaigns-render-variant,
.v-text__label,
.v-chart__map .v-map-state__label,
.v-text,
.v-series-list__cell,
.v-series-list__header,
.legal-section__content>p,
.cheatsheet-item__label {
  font-size: 14px;
  font-weight: normal;
  line-height: 21px;
  letter-spacing: .02em;
}

.main-alert-btn.main-dropdown-item,
.campaigns-page-meta-code.main-alert-btn,
.campaigns-seo-social-preview .campaigns-seo-social-preview__summary .campaigns-seo-social-preview__description.main-alert-btn,
.campaigns-seo-social-preview .campaigns-seo-social-preview__summary .campaigns-seo-social-preview__url.main-dropdown-item,
.campaigns-seo-social-preview .campaigns-seo-social-preview__summary .campaigns-seo-social-preview__url.campaigns-page-meta-code,
.campaigns-seo-social-preview .campaigns-seo-social-preview__summary .campaigns-seo-social-preview__url.campaigns-seo-social-preview__description,
.campaigns-seo-search-preview .campaigns-seo-search-preview__search-results.main-alert-btn,
.campaigns-seo-search-preview .campaigns-seo-social-preview .campaigns-seo-social-preview__summary .campaigns-seo-search-preview__search-results.campaigns-seo-social-preview__url,
.campaigns-seo-social-preview .campaigns-seo-social-preview__summary .campaigns-seo-search-preview .campaigns-seo-search-preview__search-results.campaigns-seo-social-preview__url,
.campaigns-catalog-item__cell.main-alert-btn,
.campaigns-seo-social-preview .campaigns-seo-social-preview__summary .campaigns-catalog-item__cell.campaigns-seo-social-preview__url,
.campaigns-variant-stat--desc.main-alert-btn,
.campaigns-seo-social-preview .campaigns-seo-social-preview__summary .campaigns-variant-stat--desc.campaigns-seo-social-preview__url,
.campaigns-render-variant.main-alert-btn,
.campaigns-seo-social-preview .campaigns-seo-social-preview__summary .campaigns-render-variant.campaigns-seo-social-preview__url,
.v-text__label--sm.main-dropdown-item,
.v-text__label--sm.campaigns-page-meta-code,
.campaigns-seo-social-preview .campaigns-seo-social-preview__summary .v-text__label--sm.campaigns-seo-social-preview__description,
.campaigns-seo-search-preview .v-text__label--sm.campaigns-seo-search-preview__search-results,
.v-text__label--sm.campaigns-catalog-item__cell,
.v-text__label--sm.campaigns-variant-stat--desc,
.v-text__label--sm.campaigns-render-variant,
.v-text__label.main-alert-btn,
.campaigns-seo-social-preview .campaigns-seo-social-preview__summary .v-text__label.campaigns-seo-social-preview__url,
.v-text__label.v-text__label--sm,
.v-chart__map .v-map-state__label.main-alert-btn,
.v-chart__map .campaigns-seo-social-preview .campaigns-seo-social-preview__summary .v-map-state__label.campaigns-seo-social-preview__url,
.campaigns-seo-social-preview .campaigns-seo-social-preview__summary .v-chart__map .v-map-state__label.campaigns-seo-social-preview__url,
.v-chart__map .v-map-state__label.v-text__label--sm,
.v-text.main-alert-btn,
.campaigns-seo-social-preview .campaigns-seo-social-preview__summary .v-text.campaigns-seo-social-preview__url,
.v-text.v-text__label--sm,
.v-series-list__cell.main-alert-btn,
.campaigns-seo-social-preview .campaigns-seo-social-preview__summary .v-series-list__cell.campaigns-seo-social-preview__url,
.v-series-list__cell.v-text__label--sm,
.v-series-list__header.main-alert-btn,
.campaigns-seo-social-preview .campaigns-seo-social-preview__summary .v-series-list__header.campaigns-seo-social-preview__url,
.v-series-list__header.v-text__label--sm,
.pane-tabs__tab.main-dropdown-item,
.pane-tabs__tab.campaigns-page-meta-code,
.campaigns-seo-social-preview .campaigns-seo-social-preview__summary .pane-tabs__tab.campaigns-seo-social-preview__description,
.campaigns-seo-search-preview .pane-tabs__tab.campaigns-seo-search-preview__search-results,
.pane-tabs__tab.campaigns-catalog-item__cell,
.pane-tabs__tab.campaigns-variant-stat--desc,
.pane-tabs__tab.campaigns-render-variant,
.pane-tabs__tab.v-text__label,
.v-chart__map .pane-tabs__tab.v-map-state__label,
.pane-tabs__tab.v-text,
.pane-tabs__tab.v-series-list__cell,
.pane-tabs__tab.v-series-list__header,
.legal-section__content>p.main-alert-btn,
.campaigns-seo-social-preview .campaigns-seo-social-preview__summary .legal-section__content>p.campaigns-seo-social-preview__url,
.legal-section__content>p.v-text__label--sm,
.legal-section__content>p.pane-tabs__tab,
.cheatsheet-item__label.main-alert-btn,
.campaigns-seo-social-preview .campaigns-seo-social-preview__summary .cheatsheet-item__label.campaigns-seo-social-preview__url,
.cheatsheet-item__label.v-text__label--sm,
.cheatsheet-item__label.pane-tabs__tab,
.cheatsheet-item__key.main-dropdown-item,
.cheatsheet-item__key.campaigns-page-meta-code,
.campaigns-seo-social-preview .campaigns-seo-social-preview__summary .cheatsheet-item__key.campaigns-seo-social-preview__description,
.campaigns-seo-search-preview .cheatsheet-item__key.campaigns-seo-search-preview__search-results,
.cheatsheet-item__key.campaigns-catalog-item__cell,
.cheatsheet-item__key.campaigns-variant-stat--desc,
.cheatsheet-item__key.campaigns-render-variant,
.cheatsheet-item__key.v-text__label,
.v-chart__map .cheatsheet-item__key.v-map-state__label,
.cheatsheet-item__key.v-text,
.cheatsheet-item__key.v-series-list__cell,
.cheatsheet-item__key.v-series-list__header,
.legal-section__content>p.cheatsheet-item__key,
.cheatsheet-item__key.cheatsheet-item__label {
  font-size: 12px;
  line-height: 18px;
}

.campaigns-seo-social-preview .campaigns-seo-social-preview__summary .campaigns-seo-social-preview__title {
  font-size: 16px;
  line-height: 25px;
}

.main-nav-item,
.campaigns-page-meta-code,
.campaigns-catalog-item__cell,
.campaigns-catalog-header__cell,
.campaigns-variant-stat--desc div,
.campaigns-variant-stat--desc span,
.campaigns-variant-weight-slider-label,
.v-mask-details .v-mask-details-label,
.v-text__label,
.v-chart__map .v-map-state__label,
.v-chart-bar .v-chart-bar-stack-details,
.v-chart-bar .label,
.v-axis .tick text,
.v-chart-line .tick text,
.v-chart-bar .tick text {
  font-size: 12px;
  line-height: 18px;
}

.campaigns-messages-inline__message {
  font-size: 10px;
  line-height: 15px;
  font-weight: 600;
}

.campaigns-messages-inline__message.main-alert-btn,
.campaigns-seo-social-preview .campaigns-seo-social-preview__summary .campaigns-messages-inline__message.campaigns-seo-social-preview__url,
.v-text__label--sm.campaigns-messages-inline__message,
.pane-tabs__tab.campaigns-messages-inline__message,
.cheatsheet-item__key.campaigns-messages-inline__message {
  font-size: 10px;
  line-height: 15px;
}

.v-text__label--sm {
  font-size: 8px;
  line-height: 12px;
  font-weight: 600;
}

.v-text__label--sm {
  font-size: 8px;
  line-height: 12px;
}

.main-breadcrumbs-inactive,
.empty-state__text {
  cursor: pointer;
}

.main-breadcrumbs-inactive:hover,
.empty-state__text:hover {
  color: #004cff !important;
}

.main-breadcrumbs-inactive:hover svg,
.empty-state__text:hover svg {
  fill: #004cff !important;
}

.empty-state__text,
.empty-state__title,
.cheatsheet-item__key {
  font-size: 18px;
  line-height: 25px;
}

.empty-state__text.main-alert-btn,
.campaigns-seo-social-preview .campaigns-seo-social-preview__summary .empty-state__text.campaigns-seo-social-preview__url,
.empty-state__text.v-text__label--sm,
.empty-state__text.pane-tabs__tab,
.empty-state__title.main-alert-btn,
.campaigns-seo-social-preview .campaigns-seo-social-preview__summary .empty-state__title.campaigns-seo-social-preview__url,
.empty-state__title.v-text__label--sm,
.empty-state__title.pane-tabs__tab,
.cheatsheet-item__key {
  font-size: 13px;
  line-height: 19px;
}

.main-alert-btn,
.campaigns-seo-social-preview .campaigns-seo-social-preview__summary .campaigns-seo-social-preview__url,
.pane-tabs__tab {
  font-size: 14px;
  line-height: 21px;
}

.main-alert-btn,
.campaigns-seo-social-preview .campaigns-seo-social-preview__summary .campaigns-seo-social-preview__url,
.pane-tabs__tab {
  font-size: 10px;
  line-height: 15px;
}

.campaigns-messages-inline__message {
  font-size: 10px;
}

.v-text__label--sm {
  font-size: 8px;
}

.cheatsheet-item__key,
.main-alert-btn,
.campaigns-seo-social-preview .campaigns-seo-social-preview__summary .campaigns-seo-social-preview__url,
.pane-tabs__tab,
.campaigns-seo-social-preview .campaigns-seo-social-preview__summary .campaigns-seo-social-preview__description.main-alert-btn,
.campaigns-seo-search-preview .campaigns-seo-search-preview__search-results.main-alert-btn,
.v-chart__map .v-map-state__label.main-alert-btn,
.v-chart__map .v-map-state__label.v-text__label--sm,
.legal-section__content>p.main-alert-btn,
.legal-section__content>p.v-text__label--sm,
.legal-section__content>p.pane-tabs__tab,
.v-text__label--sm {
  letter-spacing: .05em;
  text-transform: uppercase;
}

.main-nav-item.main-nav-item--active,
.main-alert-btn,
.campaigns-seo-social-preview .campaigns-seo-social-preview__summary .campaigns-seo-social-preview__title,
.campaigns-variant-stat--desc,
.v-text__label--sm {
  font-weight: 700 !important;
}

.campaigns-variant-weight-slider-label,
.v-text__label,
.v-chart__map .v-map-state__label,
.pane-tabs__tab--active,
.empty-state__text,
.empty-state__title,
.cheatsheet-item__key {
  font-weight: 600 !important;
}

.main-nav-item,
.main-breadcrumbs-inactive,
.cheatsheet-header {
  font-weight: 300 !important;
}

.v-text__label--sm {
  text-align: center;
}

.main-nav-item__title,
.main-nav-item,
.main-breadcrumbs,
.campaigns-seo-social-preview .campaigns-seo-social-preview__summary .campaigns-seo-social-preview__title,
.campaigns-seo-search-preview .campaigns-seo-search-preview__summary .campaigns-seo-search-preview__title,
.campaigns-catalog-item__cell,
.campaigns-catalog-header__cell,
.campaigns-variant-weight-slider-label,
.pane-title {
  overflow: hidden;
  white-space: nowrap;
}

.main-nav-item__title,
.main-nav-item,
.main-breadcrumbs,
.campaigns-seo-social-preview .campaigns-seo-social-preview__summary .campaigns-seo-social-preview__title,
.campaigns-seo-search-preview .campaigns-seo-search-preview__summary .campaigns-seo-search-preview__title,
.campaigns-catalog-item__cell,
.campaigns-catalog-header__cell,
.campaigns-variant-weight-slider-label,
.pane-title {
  text-overflow: ellipsis;
}

.main-breadcrumbs-inactive,
.main-breadcrumbs {
  font-family: "IBM Plex Sans",sans-serif !important !important;
  font-weight: normal;
}

.main-breadcrumbs-inactive,
.main-breadcrumbs.main-nav-item,
.cheatsheet-header.main-breadcrumbs {
  font-family: "IBM Plex Sans",sans-serif !important !important;
}

.campaigns-stat-card {
  vertical-align: top;
  position: relative;
}

.campaigns-stat-card__header {
  background: #fff;
  border-bottom: 1px solid #cfccca;
  color: #5c5854;
}

.campaigns-stat-card__body {
  position: relative;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.12);
  border: 1px solid #cfccca;
}

.cheatsheet {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  visibility: hidden;
  background: rgba(48,43,39,.5);
}

.cheatsheet.fade {
  opacity: 0;
  z-index: -1024;
}

.cheatsheet.in {
  opacity: 1;
  display: block;
  visibility: visible;
  z-index: 1000000;
}

.cheatsheet-modal {
  position: absolute;
  top: 20px;
  left: 80px;
  right: 80px;
  bottom: 20px;
  overflow: hidden;
}

.cheatsheet-header__close {
  float: right;
  cursor: pointer;
  z-index: 1000;
}

.cheatsheet-header__close svg {
  fill: #cfccca;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.cheatsheet-header__close:hover svg {
  fill: #004cff;
}

.cheatsheet-header {
  padding: 0 20px;
  font-size: 18px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 64px;
  background: #fff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  box-shadow: 0 0 1px rgba(0,0,0,.15);
  border-bottom: 1px solid #ced3e0;
  line-height: 64px;
}

.cheatsheet-body {
  position: absolute;
  top: 64px;
  left: 0;
  right: 0;
  bottom: 0;
  background: #5c5854;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  overflow: auto;
  padding: 20px;
  color: #fff;
}

.cheatsheet-item {
  margin-bottom: 20px;
}

.cheatsheet-item__key {
  color: #fff;
  display: inline-block;
  padding: 0 15px;
  height: 37px;
  line-height: 37px !important;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  vertical-align: middle;
  background: #7d7a78;
  border: 1px solid #cfccca;
  box-shadow: 0 1px #cfccca;
  border-radius: 4px;
}

.cheatsheet-item__label {
  display: inline-block;
  color: #fff;
  line-height: 37px !important;
}

.empty-campaigns {
  background-image: url(724d7fce3d3d86160dc54ada7a0792af.png);
  background-position: -1214px 0px;
  width: 327px;
  height: 261px;
}

.empty-pages {
  background-image: url(724d7fce3d3d86160dc54ada7a0792af.png);
  background-position: -1214px -261px;
  width: 300px;
  height: 271px;
}

.empty-templates {
  background-image: url(724d7fce3d3d86160dc54ada7a0792af.png);
  background-position: 0px -1063px;
  width: 194px;
  height: 254px;
}

.empty-files {
  background-image: url(724d7fce3d3d86160dc54ada7a0792af.png);
  background-position: -1214px -532px;
  width: 280px;
  height: 237px;
}

.empty-arrow {
  position: absolute;
  pointer-events: none;
}

.empty-arrow.ng-animate {
  animation: none 0s;
}

.empty-state {
  padding-top: 40px;
  font-size: 21px;
  line-height: 31px;
  text-align: center;
}

.empty-state__title {
  color: #5c5854;
}

.empty-state__text {
  color: #004cff;
  margin-bottom: 50px;
  display: inline-block;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),all and (-moz-min-device-pixel-ratio: 1.5),all and (-o-min-device-pixel-ratio: 3/2),all and (min-device-pixel-ratio: 1.5) {
  .empty-campaigns {
    background-image: url(1405a752ba5d5a8e21d748b43b19c0b8.png);
    width: 327px;
    height: 261px;
    background-size: 607px 531.5px;
  }

  .empty-pages {
    background-image: url(1405a752ba5d5a8e21d748b43b19c0b8.png);
    background-position: 0px -261px;
    width: 300px;
    height: 270.5px;
    background-size: 607px 531.5px;
  }

  .empty-templates {
    background-image: url(1405a752ba5d5a8e21d748b43b19c0b8.png);
    background-position: -327px -236.5px;
    width: 194px;
    height: 254px;
    background-size: 607px 531.5px;
  }

  .empty-files {
    background-image: url(1405a752ba5d5a8e21d748b43b19c0b8.png);
    background-position: -327px 0px;
    width: 280px;
    height: 236.5px;
    background-size: 607px 531.5px;
  }
}

[core-hidden-scroll] {
  position: relative;
  overflow: hidden;
}

.core-hidden-scroll-container {
  position: relative;
  overflow: hidden;
}

.core-hidden-scroll-container:hover .core-hidden-scroll-bar {
  opacity: 1;
}

.core-hidden-scroll-overflow-y {
  position: absolute;
  left: 0;
  right: 0;
  border-radius: 50%;
  height: 20px;
  opacity: 0;
  box-shadow: 0 0 20px #ced3e0;
}

.core-hidden-scroll-overflow-y.main-sidebar-scrollbar {
  box-shadow: 0 0 15px 15px #30334c;
}

.core-hidden-scroll-overflow-y--top {
  top: 0;
  transform: translateY(-100%);
}

.core-hidden-scroll-overflow-y--bottom {
  bottom: 0;
  transform: translateY(100%);
}

.core-hidden-scroll-overflow-x {
  position: absolute;
  top: 0;
  bottom: 0;
  border-radius: 50%;
  width: 10px;
  opacity: 0;
}

.core-hidden-scroll-overflow-y--left {
  left: 0;
}

.core-hidden-scroll-overflow-y--right {
  right: 0;
}

.core-hidden-scroll-bar {
  position: absolute;
  top: 0;
  right: 2px;
  width: 5px;
  padding: 2px;
  background-clip: padding-box;
  border-radius: 500px;
  background: #cfccca;
  transition: all .2s;
  opacity: 0;
}

.core-hidden-scroll-bar.main-sidebar-scrollbar {
  background: #fff;
}

.core-hidden-scroll-bar:hover,
.core-hidden-scroll-bar.core-hidden-scroll-bar--active {
  width: 10px;
  opacity: 1;
}

.legal {
  color: #302b27;
}

.legal-section {
  padding-top: 30px;
  padding-bottom: 15px;
  border-top: 1px solid #cfccca;
  display: flex;
}

.legal-section__title {
  padding-right: 40px;
  width: 260px;
  font-size: 21px;
  margin-top: -5px;
}

.legal-section__title .legal-section__title-number {
  color: #004cff;
  margin-bottom: 5px;
}

.legal-section__title .legal-section__title-name {
  font-family: "IBM Plex Sans",sans-serif !important !important;
}

.legal-section__content {
  flex: 1;
}

.legal-section__content>p {
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .legal-section {
    display: block;
  }

  .legal-section__title {
    width: 100%;
  }
}

#loading-bar,
#loading-bar-spinner {
  pointer-events: none;
  -webkit-pointer-events: none;
  -webkit-transition: 350ms linear all;
  -moz-transition: 350ms linear all;
  -o-transition: 350ms linear all;
  transition: 350ms linear all;
}

#loading-bar.ng-enter,
#loading-bar.ng-leave.ng-leave-active,
#loading-bar-spinner.ng-enter,
#loading-bar-spinner.ng-leave.ng-leave-active {
  opacity: 0;
}

#loading-bar.ng-enter.ng-enter-active,
#loading-bar.ng-leave,
#loading-bar-spinner.ng-enter.ng-enter-active,
#loading-bar-spinner.ng-leave {
  opacity: 1;
}

#loading-bar .bar {
  -webkit-transition: width 350ms;
  -moz-transition: width 350ms;
  -o-transition: width 350ms;
  transition: width 350ms;
  background: #004cff;
  position: fixed;
  z-index: 30000;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px;
}

#loading-bar .peg {
  position: absolute;
  width: 70px;
  right: 0;
  top: 0;
  height: 2px;
  opacity: .45;
  -moz-box-shadow: #004cff 1px 0 6px 1px;
  -ms-box-shadow: #004cff 1px 0 6px 1px;
  -webkit-box-shadow: #004cff 1px 0 6px 1px;
  box-shadow: #004cff 1px 0 6px 1px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

#loading-bar-spinner {
  display: block;
  position: fixed;
  z-index: 30000;
  top: 10px;
  left: 10px;
}

#loading-bar-spinner .spinner-icon {
  width: 14px;
  height: 14px;
  border: solid 2px rgba(0,0,0,0);
  border-top-color: #004cff;
  border-left-color: #004cff;
  border-radius: 10px;
  -webkit-animation: loading-bar-spinner 400ms linear infinite;
  -moz-animation: loading-bar-spinner 400ms linear infinite;
  -ms-animation: loading-bar-spinner 400ms linear infinite;
  -o-animation: loading-bar-spinner 400ms linear infinite;
  animation: loading-bar-spinner 400ms linear infinite;
}

@-webkit-keyframes loading-bar-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes loading-bar-spinner {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes loading-bar-spinner {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-ms-keyframes loading-bar-spinner {
  0% {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loading-bar-spinner {
  0% {
    transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.pane-header {
  height: 36px;
  padding: 0 20px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.pane-header__title {
  padding-right: 20px;
}

.pane-header__controls {
  position: relative;
  height: 36px;
}

.pane-close {
  height: 36px;
  float: left;
  margin-right: 20px;
}

.pane-tabs {
  position: absolute;
  right: 30px;
  left: 0;
  bottom: 0;
  top: 0;
  text-align: right;
  overflow: hidden;
  white-space: nowrap;
}

.pane-tabs.pane-tabs--full {
  right: 0;
}

.pane-tabs.pane-tabs--full .fx-tab:last-child {
  margin-right: 0 !important;
}

.pane-tabs__tab {
  display: inline-block;
  color: #7d7a78;
  position: relative;
  line-height: 36px;
  margin-right: 20px;
  cursor: pointer;
}

.pane-tabs__tab:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: rgba(0,0,0,0);
}

.pane-tabs__tab:hover:not(.pane-tabs__tab--active)::after {
  background: #cfccca;
}

.pane-tabs__tab--active::after {
  background: #004cff;
}

.pane-settings {
  position: absolute;
  right: 0;
  width: 30px;
  top: 0;
  bottom: 0;
  text-align: right;
}

.bg-textured-dark {
  position: relative;
  z-index: 0;
}

.bg-textured-dark::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
}

.bg-textured-dark::before {
  background-image: url(8fa3865ed64fbb2bb790689b07fe40e8.png) !important;
  background-repeat: repeat;
}

.bg-textured-accent {
  background-image: url(8fa3865ed64fbb2bb790689b07fe40e8.png) !important;
  background-repeat: repeat;
}

.playback-buffer__right {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 160px;
}

.playback-buffer__left {
  position: absolute;
  left: 0;
  width: 160px;
  top: 0;
  bottom: 0;
  border-right: 1px solid #cfccca;
}

.playback-buffer__left>.playback-buffer__header {
  right: -2px;
}

.playback-buffer__controls,
.playback-buffer__header {
  position: absolute;
  height: 36px;
  bottom: 100%;
}

.playback-buffer__controls.playback-buffer__controls--right,
.playback-buffer__controls--right.playback-buffer__header {
  right: 20px;
  margin-bottom: 56px;
}

.playback-buffer__header {
  left: 0;
  right: 0;
  background: #fff;
}

.playback-buffer-row {
  height: 36px;
  border-top: 1px solid #cfccca;
  position: relative;
  margin-left: -12px;
  margin-right: -12px;
}

.playback-buffer-label {
  padding: 0 10.5px;
  text-align: right;
  border-color: rgba(0,0,0,0);
}

.playback-buffer-label.playback-buffer-label__first {
  border-color: #cfccca;
}

.playback-buffer-inner {
  position: relative;
  margin: 8px 12px;
  height: 14px;
}

.playback-buffer-stream-event {
  position: absolute;
  box-shadow: inset 0 0 0 2px rgba(0,0,0,.2);
  height: 14px;
  display: inline-block;
  z-index: 9;
  transition: all .2s;
}

.playback-buffer-stream-event.playback-buffer-stream-event--movement {
  background: #ed98ea;
}

.playback-buffer-stream-event.playback-buffer-stream-event--movement:hover {
  background: #e25bde;
}

.playback-buffer-stream-event.playback-buffer-stream-event--scroll {
  background: #f2c069;
}

.playback-buffer-stream-event.playback-buffer-stream-event--scroll:hover {
  background: #eb9d15;
}

.playback-buffer-discrete-event {
  display: block;
  width: 14px;
  height: 14px;
  margin-left: -7px;
  position: absolute;
  z-index: 10;
  border-radius: 50%;
  box-shadow: inset 0 0 0 2px rgba(0,0,0,.2);
  transition: all .2s;
}

.playback-buffer-discrete-event.playback-buffer-discrete-event--click {
  background: #5dabf4;
}

.playback-buffer-discrete-event.playback-buffer-discrete-event--click:hover {
  background: #1586ef;
}

.playback-buffer-discrete-event.playback-buffer-discrete-event--form-event {
  background: #78d260 !important;
}

.playback-buffer-discrete-event.playback-buffer-discrete-event--form-event:hover {
  background: #4eb333;
}

.playback-catalog__item--linked,
.playback-catalog__item {
  position: relative;
  background: #fff;
  border: 1px solid #cfccca;
  box-shadow: 0 1px 3px rgba(0,0,0,.12);
  margin-bottom: 10px;
  margin-left: 50px;
}

.playback-catalog__item--linked:before {
  bottom: 50%;
  top: -5px;
}

.playback-catalog__item--linked:after {
  bottom: -5px;
  top: 50%;
}

.playback-catalog__item--linked:first-child:before {
  display: none;
}

.playback-catalog__item--linked:last-child:after {
  display: none;
}

.playback-catalog__item--linked:before,
.playback-catalog__item--linked:after {
  content: "";
  width: 2px;
  background: #cfccca;
  position: absolute;
  display: block;
  left: -33px;
  z-index: 0;
  display: none;
}

.playback-catalog__item--active {
  color: #004cff;
}

.playback-catalog__item--active::after {
  content: "";
  background: rgba(0,76,255,.1);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: inset 0 0 0 2px #004cff;
  z-index: 1;
  pointer-events: none;
}

.playback-gate-graphic {
  position: relative;
}

.playback-gate-graphic:after {
  content: "";
  position: absolute;
  top: 0px;
  right: -10px;
  bottom: -10px;
  left: -10px;
  background: linear-gradient(rgba(249, 247, 246, 0.2), rgb(249, 247, 246));
  z-index: 100;
}

.playback-gate-graphic__text {
  position: absolute;
  top: 50%;
  z-index: 200;
  text-align: center;
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
}

.playback-icon {
  position: absolute;
  left: -50px;
  top: 50%;
  height: 36px;
  width: 36px;
  margin-top: -18px;
  text-align: center;
  z-index: 100;
}

.playback-icon__button {
  height: 36px;
  width: 36px;
  line-height: 32px;
}

.playback-icon__button[disabled=disabled] {
  pointer-events: none !important;
  cursor: default;
  background: rgba(0,0,0,0);
  border-color: #cfccca;
  box-shadow: none;
}

.playback-icon__button[disabled=disabled] svg {
  fill: #cfccca !important;
  box-shadow: none;
}

.playback-icon__button.playback-icon__button--viewed {
  background: rgba(0,0,0,0);
  border-color: #004cff;
  box-shadow: none;
}

.playback-icon__button.playback-icon__button--viewed:hover {
  background: rgba(0,0,0,0) !important;
  box-shadow: none;
}

.playback-icon__button.playback-icon__button--viewed svg {
  fill: #004cff;
}

.playback-icon__button svg {
  fill: #fff;
  margin-left: 3px;
}

.playback-marker {
  position: absolute;
  z-index: 500;
  top: -8.5px;
  background: #fff;
  width: 21px;
  height: 21px;
  margin-left: -9.5px;
  border: 2px solid #7d7a78;
  cursor: pointer;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0,0,0,.12);
}

.playback-marker-progress-bar {
  height: 100%;
  width: 100%;
  background: #cfccca;
}

.playback-marker-progress-fill {
  width: 0;
  background: #004cff;
  height: 100%;
  position: absolute;
  top: 0;
}

.playback-marker-tail {
  position: absolute;
  top: 0;
  width: 2px;
  background: #7d7a78;
  height: 144px;
  z-index: 15;
  pointer-events: none;
}

.playback-marker-tail-container {
  margin: 0 12px;
  position: absolute;
  background: rgba(0,0,0,0);
  height: 100%;
  z-index: 16;
  top: 0;
  left: 0;
  right: 0;
  cursor: default !important;
}

.playback-page {
  position: absolute;
  top: 0;
  bottom: 180px;
  left: 0;
  right: 0;
  margin: 20px;
  pointer-events: none;
}

.playback-page-outer-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.playback-page-container {
  position: relative;
  max-height: none !important;
  margin: 0 auto;
  background: #413a35;
  padding: 20px;
  border-radius: 20px;
  box-sizing: content-box;
}

.playback-page-container::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -40px;
  right: -40px;
  height: 20px;
  background: #413a35;
  border-radius: 0 0 20px 20px;
  border-top: 2px solid #302b27;
  z-index: 100;
}

.playback-page-container::after {
  content: "";
  background: #302b27;
  position: absolute;
  bottom: 14px;
  left: 50%;
  transform: translateX(-50%);
  width: 160px;
  height: 6px;
  border-radius: 0 0 6px 6px;
  z-index: 110;
}

.playback-page-container-inner {
  position: relative;
  width: 100%;
  height: 100%;
  border: 4px solid #302b27;
  background: #302b27;
  overflow: hidden;
}

.playback-page.playback-page--mobile .playback-page-container {
  width: 360px;
  height: 480px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 80px;
  padding-top: 56px;
  border-radius: 35px;
}

.playback-page.playback-page--mobile .playback-page-container::before {
  bottom: 16px;
  left: 50%;
  right: auto;
  margin-left: -24px;
  width: 48px;
  height: 48px;
  background: #302b27;
  border-radius: 50%;
}

.playback-page.playback-page--mobile .playback-page-container::after {
  top: 25px;
  bottom: auto;
  width: 70px;
  border-radius: 4px;
}

.playback-page.playback-page--mobile .playback-page-container .bach-mobile-only {
  display: block;
}

.playback-page.playback-page--mobile .playback-page-container .bach-desktop-only {
  display: none;
}

.playback-page.playback-page--mobile .playback-page-container .is-responsive .page-column,
.playback-page.playback-page--mobile .playback-page-container .page-column-inner {
  width: 100% !important;
  margin-left: auto;
  margin-right: auto;
}

.playback-page.playback-page--mobile .playback-page-container .media__img {
  width: 100% !important;
  max-width: 100% !important;
}

.playback-page.playback-page--mobile .playback-page-container .media__body {
  float: left;
}

.playback-page.playback-page--mobile .playback-page-container.playback-page-container--landscape {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 80px;
  padding-left: 56px;
}

.playback-page.playback-page--mobile .playback-page-container.playback-page-container--landscape::before {
  right: 20px;
  top: 50%;
  left: auto;
  margin-left: 0;
  margin-top: -18px;
  width: 36px;
  height: 36px;
  background: #e8e7e6;
  border-radius: 4px;
}

.playback-page.playback-page--mobile .playback-page-container.playback-page-container--landscape::after {
  left: 25px;
  top: 50%;
  margin-left: 0;
  margin-top: -35px;
  height: 70px;
  width: 6px;
  border-radius: 4px;
}

.playback-page.playback-page--mobile .playback-page-container.playback-page-container--landscape>.playback-page-contents {
  left: 56px;
  right: 80px;
  top: 20px;
  bottom: 20px;
}

.playback-page.playback-page--mobile .playback-page-contents {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: -15px;
}

.playback-page-contents {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: -15px;
  background: #fff;
  overflow: auto;
  overflow-x: hidden;
}

.playback-card {
  position: relative;
}

.playback-stats {
  color: #cfccca;
}

.playback-stats svg {
  fill: #cfccca;
}

.playback-modal-body {
  position: absolute;
  width: 100%;
  top: 64px;
  bottom: 0;
  overflow: hidden;
  background: #2a2622;
}

.playback-buffer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 144px;
  z-index: 10;
  background: #eceae9;
}

.bach-navigation-mobile-menu {
  display: none;
}

.bach-navigation-mobile-menu-input {
  display: none !important;
}

.playback-action {
  margin-left: 20px;
}

.playback-action svg {
  fill: #7d7a78;
}

.playback-action:hover svg {
  fill: #5c5854;
}

.playback-duration {
  float: right;
  margin-right: 10.5px;
  line-height: 36px !important;
}

.playback-progress-inner {
  position: relative;
  height: 4px;
  margin: 7px 12px;
  margin-top: 16px;
  margin-bottom: 16px;
}

.playback-click {
  position: absolute;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  margin-left: -15px;
  background: rgba(0,0,0,0);
  border: 2px solid #ef5c48;
  opacity: 0;
  border-radius: 50%;
  z-index: 110;
}

.playback-click-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  background-color: #ef5c48;
  margin-top: -15px;
  margin-left: -15px;
  opacity: 0;
  border-radius: 50%;
}

.playback-mousemove {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 22px;
  height: 36px;
  z-index: 120;
  background-image: url(724d7fce3d3d86160dc54ada7a0792af.png);
  background-position: -1514px -261px;
  width: 22px;
  height: 36px;
}

.playback-touchmove {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  box-shadow: 0 0 0 2px #004cff,0 0 0 4px #fff;
  background-color: #004cff;
  border-radius: 50%;
  background-image: url(724d7fce3d3d86160dc54ada7a0792af.png);
  background-position: -1494px -532px;
  width: 30px;
  height: 30px;
}

.playback-idle-row {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.playback-idle-event {
  position: absolute;
  top: 0;
  bottom: 0;
  border-right: 1px dashed #cfccca;
  z-index: 14;
}

.playback-inputfocus {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  text-align: center;
  overflow: hidden;
}

.playback-inputfocus__inner {
  background: url(eaa1e2b175d44789eeb675dd3e7cb7ce.gif) no-repeat center;
  background-color: rgba(48,43,39,.3);
  position: absolute;
  top: 0;
  bottom: 0;
  border-color: rgba(48,43,39,.8);
  border-style: solid;
}

.v-axis .tick,
.v-chart-line .tick,
.v-chart-line .tick,
.v-chart-bar .tick {
  pointer-events: none !important;
}

.v-axis .tick text,
.v-chart-line .tick text,
.v-chart-bar .tick text {
  fill: #7d7a78;
  cursor: default !important;
}

.v-axis .tick line,
.v-chart-line .tick line,
.v-chart-bar .tick line {
  stroke: #e8e7e6 !important;
  stroke-width: 2px;
}

.v-axis .axis.x path,
.v-chart-line .axis.x path,
.v-chart-bar .axis.x path {
  display: none;
}

.v-axis .axis.y path,
.v-chart-line .axis.y path,
.v-chart-bar .axis.y path {
  display: none;
}

.v-chart,
.v-chart-pie,
.v-chart__map,
.v-chart-line,
.v-chart-bar {
  background: none;
  height: 100%;
}

.v-chart--center {
  text-align: center !important;
}

.v-chart-mask {
  position: relative;
}

.v-chart-bar .label {
  fill: #fff;
  cursor: default !important;
  pointer-events: none;
}

.v-chart-bar .v-chart-bar-stack-details {
  position: absolute;
  color: #fff;
  background-color: #7d7a78;
  cursor: default !important;
  pointer-events: none;
}

.v-chart-line .axis path,
.v-chart-line .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.v-chart-line .axis .x {
  transition: opacity .1s ease-in-out;
}

.v-chart-line .axis .y {
  transition: opacity .1s ease-in-out;
}

.v-chart-line .axis .y .tick text {
  fill: #004cff;
  transition: opacity .2s ease-in-out;
}

.v-chart-line .axis .y.stable .tick text {
  opacity: 1 !important;
  fill: #7d7a78 !important;
}

.v-chart-line .lines-group {
  transition: opacity .2s ease-in-out;
}

.v-chart-line .line {
  fill: none;
  stroke-width: 2px;
  pointer-events: none;
  transition: opacity .2s ease-in-out,stroke .2s ease-in-out;
}

.v-chart-line-sm,
.v-chart-line-sm--interact {
  position: relative;
  cursor: default;
}

.v-chart-line-sm .line,
.v-chart-line-sm--interact .line {
  fill: none;
  stroke-width: 2px;
  stroke: rgba(0,0,0,.27);
  transition: opacity .2s ease-in-out;
  pointer-events: none;
}

.v-chart-line-sm .trend-background,
.v-chart-line-sm--interact .trend-background {
  transition: opacity .2s ease-in-out;
}

.v-chart-line-sm .trend-background--neutral,
.v-chart-line-sm--interact .trend-background--neutral {
  background: rgba(0,0,0,.06);
  fill: rgba(0,0,0,.06);
}

.v-chart-line-sm .trend-background--positive,
.v-chart-line-sm--interact .trend-background--positive {
  background: #c0eab5;
  fill: #c0eab5;
}

.v-chart-line-sm .trend-background--negative,
.v-chart-line-sm--interact .trend-background--negative {
  background: #f7b0a6;
  fill: #f7b0a6;
}

.v-chart-line-sm--interact {
  cursor: pointer !important;
}

.v-chart-line-sm--interact svg {
  cursor: pointer !important;
}

.v-chart__map .v-map-background {
  fill: none;
  pointer-events: all;
}

.v-chart__map .v-map-state-container {
  width: 36px !important;
  height: 36px !important;
}

.v-chart__map .v-map-state {
  fill: #fff;
  transition: fill .2s ease-in-out,outline .1s ease-in-out;
}

.v-chart__map .v-map-state.disabled {
  fill: #fff !important;
}

.v-chart__map .v-map-state__label {
  cursor: pointer !important;
  color: #cfccca;
}

.v-chart__map .v-map-state__label.disabled .leaf-location {
  cursor: default !important;
}

.v-chart__map .v-map-state__events-mask {
  fill: rgba(0,0,0,0) !important;
}

.v-chart__map .v-map-state__events-mask .disabled .leaf-location {
  cursor: default !important;
}

.v-chart__map .v-map-state-borders {
  fill: none;
  stroke: #fff;
  stroke-width: 1.5px;
  stroke-linejoin: round;
  stroke-linecap: round;
  pointer-events: none;
}

.v-chart-pie .v-arc path {
  opacity: 0;
}

.v-fade-out-0 {
  opacity: 0 !important;
}

.v-fade-out-1 {
  opacity: .1 !important;
}

.v-follower__circle {
  stroke-width: 2px;
  pointer-events: none;
  z-index: 5;
}

.v-follower__vertical {
  opacity: 1;
  stroke-width: 2px;
}

.v-follower__circle div .v-follower__circle-tooltip {
  position: relative;
  color: #e8e7e6;
  stroke-width: .5px;
  background: #5c5854;
}

.v-popover,
.v-popover--sm {
  pointer-events: none;
  position: absolute;
  min-width: 300px;
  text-align: left;
  background: #fff;
  border: 2px solid #cfccca;
  box-shadow: 0 1px 3px rgba(0,0,0,.12);
  z-index: 1000;
  transition: visibility .3s ease-in-out;
}

.v-popover--sm {
  min-width: 200px;
}

.v-series-list {
  width: 100%;
}

.v-series-list__container {
  position: absolute;
  top: 44px;
  left: 0;
  right: 0;
  bottom: 0;
}

.v-series-list__container .v-series-list__head {
  position: absolute;
  top: -44px;
  left: 0;
  right: 0;
  width: 100%;
  height: 44px;
  border-spacing: 0;
  border-top: 2px solid #dcdad9;
}

.v-series-list__container .v-series-list__body .v-series-list__cell:not(:last-child),
.v-series-list__container .v-series-list__body .v-series-list__header:not(:last-child) {
  border-right: 2px solid #e8e7e6;
}

.v-series-list__header {
  cursor: pointer;
  background: #efefee;
  color: #5c5854;
  border-bottom: 2px solid #e3e2e1;
}

.v-series-list__header:hover {
  background: #e3e2e1 !important;
}

.v-series-list__header:active {
  background: #dcdad9 !important;
}

.v-series-list__row {
  background: rgba(0,0,0,0);
  width: 100%;
  box-shadow: 0 1px 3px rgba(0,0,0,.12);
  transition: color,background .05s ease-in-out;
}

.v-series-list__row:not(.v-series-list__row--active) {
  color: #7d7a78 !important;
}

.v-series-list__row.v-series-list__row--active {
  background: #004cff !important;
}

.v-series-list__row.v-series-list__row--active .v-series-list__cell,
.v-series-list__row.v-series-list__row--active .v-series-list__header {
  color: #fff !important;
  background: #004cff !important;
}

.v-series-list__row.v-series-list__row--active .v-series-list__icon {
  color: #7d7a78 !important;
}

.v-series-list__row.v-series-list__row--active .v-series-list__icon:after {
  opacity: 1;
  box-shadow: 0 0 0 18px #fff,0 1px 3px rgba(0,0,0,.12);
}

.v-series-list__row:first-child>.v-series-list__cell,
.v-series-list__row:first-child>.v-series-list__header {
  border-top: 2px solid #e8e7e6;
}

.v-series-list__row>.v-series-list__cell,
.v-series-list__row>.v-series-list__header {
  border-bottom: 2px solid #e8e7e6;
}

.v-series-list__row[disabled=disabled] {
  background: rgba(0,76,255,.5) !important;
}

.v-series-list__row[disabled=disabled] .v-series-list__cell,
.v-series-list__row[disabled=disabled] .v-series-list__header {
  color: #fff !important;
  background: rgba(0,76,255,.5) !important;
}

.v-series-list__row[disabled=disabled] .v-series-list__icon {
  color: #7d7a78 !important;
}

.v-series-list__row[disabled=disabled] .v-series-list__icon:after {
  opacity: 1;
  box-shadow: 0 0 0 18px #fff,0 1px 3px rgba(0,0,0,.12);
}

.v-series-list__row .v-series-list__row-title {
  line-height: 21px;
}

.v-series-list__row .v-series-list__row-title:hover {
  cursor: pointer;
  text-decoration: underline;
}

.v-series-list__row .v-series-list__row-title.v-series-list__title--leaf {
  cursor: default !important;
  text-decoration: none !important;
}

.v-series-list__row .v-series-list__row-bar {
  height: 21px;
  width: 100%;
}

.v-series-list__row .v-series-list__row-bar>.v-series-list__row-bar-inner {
  height: 100%;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.12),inset 0 1px 2px rgba(0,0,0,.24);
}

.v-series-list__row .v-series-list__row-bar>.v-series-list__row-bar-inner>.v-series-list__row-bar--fill {
  height: 100%;
  width: 0;
  transition: width .25s ease-in-out;
}

.v-series-list__cell,
.v-series-list__header {
  vertical-align: middle;
  cursor: inherit;
  height: 44px;
}

.v-series-list__cell[disabled=disabled],
[disabled=disabled].v-series-list__header {
  color: #fff !important;
  pointer-events: none;
}

.v-series-list__cell-inner {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  padding: 0 15.75px;
  vertical-align: top;
}

.v-series-list__cell-inner.v-series-list__cell-inner--has-icon {
  padding: 0;
  text-align: center;
}

.v-text__label--sm,
.v-text__label,
.v-chart__map .v-map-state__label {
  pointer-events: none !important;
  fill: rgba(0,0,0,.54);
}

.v-text {
  fill: #7d7a78;
  opacity: .3;
}

.v-text__label-group {
  opacity: 1;
  transition: opacity .1s ease-in-out;
}

.v-text__label-group.v-fade {
  opacity: 0 !important;
}

.v-text__label--sm {
  fill: rgba(0,0,0,.26);
}

.v-mask-details {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transition: all .2s ease-in-out;
}

.v-mask-details .v-mask-details-label {
  color: #7d7a78;
  position: absolute;
  top: 35%;
  margin-top: -9px;
}

.v-mask-details .v-mask-details-label.v-mask-details-label--left {
  text-align: center;
  width: 50%;
  left: 0;
}

.v-mask-details .v-mask-details-label.v-mask-details-label--right {
  text-align: center;
  width: 50%;
  right: 0;
}

.v-list-bar {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  transition: width .2s ease-in-out;
}

#v-list-stats-locations-encodings {
  position: absolute !important;
  top: 5px;
  right: 5px;
}

#v-list-stats-locations-filters {
  position: absolute;
  top: 5px;
  left: 5px;
}

#CampaignsBreadcrumbs {
  transition: color .3s ease-in-out;
}

.campaigns-container {
  background: #f4f7ff;
  position: absolute;
  height: 100%;
  width: 100%;
}

.campaigns-stat-card {
  width: 100%;
}

.campaigns-stat-card::after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  top: -4px;
  margin-left: -5px;
  border-left: 5px solid rgba(0,0,0,0);
  border-right: 5px solid rgba(0,0,0,0);
  border-top: 5px solid #004cff;
  visibility: hidden;
  transition: transform .4s cubic-bezier(0.21, 0.77, 0, 1.04) .3s;
}

.campaigns-stat-card.campaigns-stat-card--active {
  box-shadow: 0 1px 3px rgba(0,0,0,.12),0 0 0 4px #004cff;
  transition: box-shadow .2s cubic-bezier(0.21, 0.77, 0, 1.04);
}

.campaigns-stat-card.campaigns-stat-card--active::after {
  visibility: visible;
  transition: transform .4s cubic-bezier(0.21, 0.77, 0, 1.04);
  transform: translate3d(0, 4px, 0);
}

.campaigns-stat-card.campaigns-stat-card--active .campaigns-stat__icon svg {
  fill: #004cff !important;
}

.campaigns-grid {
  position: relative;
}

.campaigns-grid-toggle {
  position: relative;
  cursor: pointer;
  transition: color .15s;
}

.campaigns-grid-toggle:before,
.campaigns-grid-toggle:after {
  content: "";
  display: block;
  position: absolute;
  width: calc(50% - 85px);
  height: 2px;
  background-color: #ced3e0;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color .15s;
}

.campaigns-grid-toggle:before {
  left: 0;
}

.campaigns-grid-toggle:after {
  right: 0;
}

.campaigns-grid-toggle:hover {
  color: #302b27 !important;
}

.campaigns-grid-toggle:hover:before,
.campaigns-grid-toggle:hover:after {
  background-color: rgba(0,0,0,.26) !important;
}

.campaigns-grid-toggle--page:before,
.campaigns-grid-toggle--page:after {
  width: calc(50% - 75px);
}

.campaigns-grid--toggled {
  display: none;
}

.campaigns-grid__side {
  width: 30%;
}

.campaigns-grid__side>.campaigns-stat-card:not(:last-child) {
  margin-bottom: 15px;
}

.campaigns-grid__side>.campaigns-stat-card>.campaigns-stat-card__header {
  padding: 7px 10.5px;
  color: #7d7a78;
}

.campaigns-grid__side:first-child {
  float: left;
  padding-right: 7.5px;
}

.campaigns-grid__side:last-child {
  float: right;
  padding-left: 7.5px;
}

.campaigns-grid__middle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 30%;
  right: 30%;
  padding: 0 7.5px;
}

.campaigns-grid__middle>.campaigns-stat-card::after {
  margin-left: -7.5px;
  border-left: 7.5px solid rgba(0,0,0,0);
  border-right: 7.5px solid rgba(0,0,0,0);
  border-top: 7.5px solid #004cff;
}

.campaigns-grid__middle>.campaigns-stat-card>.campaigns-stat-card__header {
  position: absolute;
  top: 0;
  height: 40px;
  left: 0;
  right: 0;
  padding: 10.5px 15.75px;
  font-size: 12px;
}

.campaigns-grid__middle>.campaigns-stat-card>.campaigns-stat-card__body {
  position: absolute;
  top: 40px;
  bottom: 0;
  left: 0;
  right: 0;
}

[fxa-breadcrumbs-body] .campaigns-stat {
  text-align: left;
}

.campaigns-status-icon {
  display: inline-block;
  width: 40px;
  line-height: 57px;
  text-align: center;
  height: 57px;
}

.campaigns-status-icon__status {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid #fff;
  background: rgba(0,0,0,0);
}

.campaigns-status-icon__status--online {
  background: #7dd366;
  border-color: #7dd366;
}

.campaigns-playback-icon {
  display: inline-block;
  padding: 7px 0;
  width: 57px;
  height: 57px;
  text-align: center;
}

.campaigns-render-variant {
  text-align: center;
  color: #7d7a78;
}

.campaigns-render-variant svg {
  fill: #cfccca;
  transition: fill .1s ease-in-out;
}

.campaigns-render-variant__left {
  padding: 20px 40px;
  border-right: 1px solid #ced3e0;
}

.campaigns-render-variant__left svg {
  fill: #004cff;
}

.campaigns-render-variant__right {
  padding: 20px 40px;
}

.campaigns-render-variant__right svg {
  fill: #7d7a78;
}

.campaigns-variant-actions-menu {
  max-height: 270px;
  width: 200px;
}

.campaigns-stat {
  color: #5c5854;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 21px;
}

.campaigns-stat__icon {
  display: inline-block;
  margin-right: 10px;
}

.campaigns-stat__icon svg {
  display: block;
  fill: #cfccca;
}

.campaigns-stat__label {
  display: inline-block;
  vertical-align: middle;
}

.campaigns-dropdown-domain {
  width: 400px;
  max-width: 400px;
}

.campaigns-variants-list {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
}

.campaigns-overflow-left,
.campaigns-overflow-right {
  position: absolute;
  top: 0;
  width: 20px;
  height: 450px;
  border-radius: 50%;
  box-shadow: 0 0 20px rgba(0,0,0,.3);
  opacity: 0;
  z-index: 1;
  pointer-events: none;
}

.campaigns-overflow-left {
  right: 100%;
}

.campaigns-overflow-right {
  left: 100%;
}

.campaigns-variant-placeholder {
  display: inline-block;
  position: relative;
  background: #fff;
  width: 370px;
  height: 260px;
  border: 2px dashed #cfccca;
  cursor: pointer;
}

.campaigns-variant-placeholder svg {
  fill: #cfccca;
  transition: .1s ease-in-out;
}

.campaigns-variant-placeholder:hover svg {
  fill: #7d7a78;
}

.campaigns-variant-weight-slider {
  display: block;
}

.campaigns-variant-weight-slider:after {
  content: "";
  display: table;
  clear: both;
}

.campaigns-variant-weight-slider-section {
  position: relative;
}

.campaigns-variant-weight-slider-section:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.campaigns-variant-weight-slider-section:last-child {
  margin-right: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.campaigns-variant-weight-slider-section:last-child .campaigns-variant-weight-slider-handle {
  display: none;
}

.campaigns-variant-weight-slider-label {
  text-align: center;
  color: #fff;
  padding: 5px 0;
}

.campaigns-variant-weight-slider-handle {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  width: 4px;
  margin-top: 0;
  margin-right: -2px;
  cursor: ew-resize;
  z-index: 2;
  box-shadow: 0 0 0 2px rgba(0,0,0,.5);
  border-radius: 1px;
  transition: all .1s ease-in-out;
}

.campaigns-variant-weight-slider-handle:hover,
.campaigns-variant-weight-slider-handle.campaigns-variant-weight-slider-handle--active {
  z-index: 3;
  box-shadow: 0 0 0 2px #004cff;
  transition: all .1s ease-in-out;
}

.campaigns-variant-weight-slider-handle:active {
  top: -4px;
  bottom: -4px;
}

.campaigns-card {
  display: inline-block;
  width: 20%;
  max-width: 450px;
  vertical-align: top;
}

.campaigns-card .campaigns-card-actions__top-action {
  opacity: 0;
  transition: all .2s;
  z-index: 1;
}

@media (max-width: 1800px) {
  .campaigns-card {
    width: 25%;
  }
}

@media (max-width: 1400px) {
  .campaigns-card {
    width: 33.33%;
  }
}

@media (max-width: 1000px) {
  .campaigns-card {
    width: 50%;
  }
}

@media (max-width: 800px) {
  .campaigns-card {
    width: 100%;
  }
}

.campaigns-card--page {
  padding: 12px 0 12px 24px;
}

.campaigns-card--page .campaigns-card-actions {
  background: rgba(48,33,39,.8);
  opacity: 0;
  text-align: center;
}

.campaigns-card--page.fx-actionmenu-open .campaigns-card-actions__top-action,
.campaigns-card--page.lock-pop-open .campaigns-card-actions__top-action {
  opacity: 1;
}

.campaigns-card--page.fx-actionmenu-open .campaigns-card-actions,
.campaigns-card--page.lock-pop-open .campaigns-card-actions {
  opacity: 1;
}

.campaigns-card--page.fx-actionmenu-open .campaign-page-card-actions__main-action,
.campaigns-card--page.lock-pop-open .campaign-page-card-actions__main-action {
  transform: scale(1);
  z-index: 1;
}

.campaigns-card--variant .campaigns-card-actions {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.8));
  opacity: 1;
}

.campaigns-card--variant .campaigns-card-actions::after {
  content: "";
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(48, 33, 39, 0), rgba(48, 33, 39, 0.8));
  opacity: 0;
  transition: all .2s;
  z-index: 0;
}

.campaigns-card--variant .campaign-page-card-actions__main-action {
  transform: scale(1);
  z-index: 1;
}

.campaigns-card-actions__options {
  height: 20px;
}

.campaigns-card__preview {
  background-size: 100% 100%;
  background-color: #fff;
  background-repeat: no-repeat;
  height: 260px;
  border: 1px solid #ced3e0;
  border-radius: 8px;
  box-shadow: 0 4px 12px 0 rgba(31,33,41,.08);
}

.campaigns-card__preview:hover .campaigns-card-actions {
  opacity: 1;
}

.campaigns-card__preview:hover .campaign-page-card-actions__main-action {
  transform: scale(1);
}

.campaigns-card-actions {
  position: relative;
  background: rgba(48,33,39,.8);
  height: 100%;
  opacity: 0;
  transition: all .2s;
}

.campaign-page-card-actions__main-action {
  transform: scale(0);
  transition: all .2s cubic-bezier(0.25, 1, 0.5, 1.25);
}

.campaign-page-card-actions__main-action button {
  padding-right: 20px;
  padding-left: 20px;
}

.campaigns-page-card__footer .campaigns-page-card__title {
  font-size: 14px;
  line-height: 20px;
  color: #1f2129;
  font-weight: 500;
}

.campaigns-page-card__footer .campaigns-page-card__status-offline {
  font-size: 14px;
  line-height: 20px;
  color: #5f667e;
}

.campaigns-page-card__footer .campaigns-page-card__live-link {
  font-size: 14px;
  line-height: 20px;
}

.campaigns-page-stats-divider {
  height: 2px !important;
}

.campaigns-variant-stat--icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  margin-right: 10px;
  border-radius: 50%;
  background-color: #fff;
}

.campaigns-variant-stat--icon svg {
  fill: #7d7a78;
}

.campaigns-variant-stat--desc {
  color: #5c5854;
}

.campaigns-variant-stat--desc span {
  color: #7d7a78;
  margin-left: 5px;
}

.campaigns-variant-stat--desc div {
  color: #7d7a78;
}

.replay-dropdown-icon {
  width: 50px;
  text-align: center;
  float: left;
  margin-left: -12px;
}

.replay-dropdown-icon:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.replay-dropdown-icon svg {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  fill: #cfccca;
}

.replay-dropdown-icon.replay-dropdown-icon--active-danger svg {
  fill: #ef5c48;
}

.campaigns-domain-field-left {
  border-radius: 4px 0 0 4px;
}

.campaigns-domain-field-right {
  border-radius: 0 4px 4px 0;
  margin-left: -2px;
}

.campaigns-messages-inline {
  position: relative;
}

.campaigns-messages-inline__message {
  color: #ef5c48;
  bottom: 100%;
  right: 0;
  margin-bottom: 5px;
}

.campaigns-catalog {
  position: relative;
  background: #fff;
  border: 1px solid #cfccca;
  box-shadow: 0 1px 3px rgba(0,0,0,.12);
}

.campaigns-catalog-header {
  background: #fff;
  border-bottom: 1px solid #ced3e0;
  color: #5c5854;
}

.campaigns-catalog-header__cell-group--left {
  border-left: 1px solid rgba(0,0,0,0);
  border-right: 1px solid rgba(0,0,0,0);
}

.campaigns-catalog-header__cell-group--right {
  border-left: 1px solid #ced3e0;
  border-right: 1px solid rgba(0,0,0,0);
}

.campaigns-catalog-header__cell {
  position: relative;
  cursor: default;
  color: #7d7a78;
}

.campaigns-catalog-body {
  display: block;
  overflow: auto;
}

.campaigns-catalog-item {
  position: relative;
  box-shadow: inset 0 -1px #ced3e0;
  height: 35px;
}

.campaigns-catalog-item:last-child {
  box-shadow: none;
}

.campaigns-catalog-item.fx-actionmenu-open {
  background: #f4f4f4;
}

.campaigns-catalog-item--muted .campaigns-catalog-item__cell {
  color: #cfccca;
}

.campaigns-catalog-item__cell {
  color: #7d7a78;
}

.campaigns-variant-badge {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

.campaigns-catalog--static .campaigns-catalog-item:hover {
  color: inherit !important;
}

.campaigns-catalog--static .campaigns-catalog-item:active {
  background: inherit !important;
}

.campaigns-catalog-divider {
  background: #e8e7e6;
  height: 5px;
  box-shadow: 0 1px #ced3e0;
}

.campaigns-seo-browser-preview {
  background: #d8d8d8;
  border-radius: 6px 6px 0 0;
  height: 54px;
  position: relative;
}

.campaigns-seo-browser-preview:after {
  content: url(8c0abeeda1469e840607d894520e59bf.svg);
  position: absolute;
  top: 0;
  left: 0;
}

.campaigns-seo-browser-preview:before {
  content: "";
  background-color: #f2f2f2;
  border-top: 1px solid #b6b6b6;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 17px;
}

.campaigns-seo-browser-preview__title {
  position: absolute;
  z-index: 10;
  top: 15px;
  left: 88px;
  width: 200px;
}

.campaigns-seo-browser-preview__title svg {
  width: 16px;
  height: 16px;
  fill: #cfccca;
}

.campaigns-seo-search-preview {
  background: #fff;
  font-family: "Roboto",arial,sans-serif;
}

.campaigns-seo-search-preview .campaigns-seo-search-preview__search-results {
  color: #7d7a78;
  margin-bottom: 15px;
}

.campaigns-seo-search-preview .campaigns-seo-search-preview__summary .campaigns-seo-search-preview__title {
  color: #1a0dab;
  line-height: 20px;
  font-size: 18px;
}

.campaigns-seo-search-preview .campaigns-seo-search-preview__summary .campaigns-seo-search-preview__url {
  color: #006621;
  line-height: 18px;
  font-size: 14px;
}

.campaigns-seo-search-preview .campaigns-seo-search-preview__summary .campaigns-seo-search-preview__description {
  color: #545454;
  line-height: 18px;
  font-size: 12px;
}

.campaigns-seo-social-preview {
  background: #fff;
}

.campaigns-seo-social-preview .campaigns-seo-social-preview__summary {
  color: #302b27;
}

.campaigns-seo-social-preview .campaigns-seo-social-preview__summary .campaigns-seo-social-preview__url {
  color: #7d7a78;
  margin-top: 10px;
}

.campaigns-seo-social-preview__img {
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.campaigns-page-meta-image {
  position: relative;
  width: 100%;
  overflow: hidden;
  text-align: center;
  border: 2px dashed #cfccca;
  cursor: pointer;
  border-radius: 2px;
}

.campaigns-page-meta-image:hover {
  border: 2px dashed #7d7a78;
}

.campaigns-page-meta-image--sm {
  height: 50px;
}

.campaigns-page-meta-image__mask {
  background: rgba(0,0,0,.5);
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  transition: opacity .1s ease-in-out;
}

.campaigns-page-meta-image__img {
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  border: 2px solid #fff;
}

.campaigns-page-meta-image__favicon {
  height: 50px;
  width: 50px;
}

.campaigns-page-meta-image__favicon .campaigns-page-meta-image__img {
  background-size: 16px 16px;
}

.campaigns-page-meta-image__btn {
  width: 100% !important;
  height: 100% !important;
}

.campaigns-page-meta-image-thumbnail {
  width: 150px;
  height: 150px;
  display: inline-block;
  border: 2px solid #fff;
  cursor: pointer;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0,0,0,.12);
  transition: box-shadow .1s ease-in-out;
}

.campaigns-page-meta-image-thumbnail:hover:not(.campaigns-page-meta-image-thumbnail--active) {
  box-shadow: 0 1px 3px rgba(0,0,0,.12),0 0 0 4px #cfccca;
  transition: box-shadow .1s ease-in-out;
}

.campaigns-page-meta-image-thumbnail:active,
.campaigns-page-meta-image-thumbnail.campaigns-page-meta-image-thumbnail--active {
  box-shadow: 0 1px 3px rgba(0,0,0,.12),0 0 0 4px #004cff;
}

.campaigns-page-meta-image__reset {
  position: absolute;
  right: 100%;
  top: 50%;
  margin-top: -5px;
  cursor: pointer;
}

.campaigns-page-meta-image__reset svg {
  fill: #cfccca;
}

.campaigns-page-meta-image__reset:hover svg {
  fill: #7d7a78;
}

.campaigns-page-meta-image__placeholder {
  cursor: pointer;
  color: #cfccca;
}

.campaigns-page-meta-image__placeholder svg {
  fill: #cfccca;
}

.campaigns-page-meta-image__placeholder:hover {
  color: #7d7a78;
}

.campaigns-page-meta-image__placeholder:hover svg {
  fill: #7d7a78;
}

.campaigns-page-meta-code {
  font-family: "Courier New",Courier,monospace;
}

.campaigns-page-meta-ace {
  width: 100%;
  border-radius: 4px;
  border: 2px solid #cfccca;
}

.campaigns-svg-btn--success svg {
  fill: #7dd366;
}

.campaign-page-variants-dropdown {
  overflow-x: hidden;
  width: 200px;
}

.campaigns-icon-label-interact {
  cursor: default;
}

.campaigns-icon-label-interact:hover:not(.campaigns-icon-label-interact--nox) {
  cursor: pointer;
  color: #004cff !important;
}

.campaigns-icon-label-interact:hover:not(.campaigns-icon-label-interact--nox) svg {
  fill: #004cff;
}

.page-header {
  background: #fff;
  position: relative;
  height: 300px;
  width: 100%;
}

.page-header .campaigns-card {
  width: 370px;
  height: 260px;
  z-index: 200;
}

.page-header .campaigns-card .campaign-page-card-actions__secondary-action {
  z-index: 200;
}

.page-header .campaigns-card-actions:before {
  content: "";
  height: 37px;
  display: block;
}

.page-header-footer {
  height: 33px;
  background: #fff;
  border-bottom: #ced3e0 solid 1px;
}

.page-header-footer .page-header-footer-right {
  height: 100%;
}

.page-tabs {
  height: 100%;
}

.page-tabs .fx-tab {
  padding-left: 7.5px;
  padding-right: 7.5px;
}

.page-tabs .fx-tab::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #cfccca;
  transition: height .15s;
}

.page-tabs .fx-tab:first-child {
  margin-left: 36px;
}

.page-tabs .fx-tab--active {
  color: #004cff;
}

.page-tabs .fx-tab--active::after {
  height: 3px;
  background: #004cff;
}

.page-visitors-blank-list {
  height: 180px;
  text-align: center;
  background-color: #fff;
}

@media screen and (max-width: 1155px) {
  .page-header {
    margin-bottom: 64px;
    height: auto;
  }

  .page-header .campaigns-card {
    width: 350px;
    height: 220px;
    min-width: 280px;
  }

  .page-header .campaigns-card .campaigns-card__preview {
    height: 100%;
  }

  .page-header-footer {
    bottom: auto;
    top: 100%;
  }

  .page-header-footer .page-header-footer-right {
    position: static;
    padding-left: 20px;
  }
}

.templates-thumbnail-section {
  min-height: 10px;
}

.templates-thumbnail-section:last-child .templates-thumbnail-row:last-child {
  margin-bottom: 0;
}

.templates-thumbnail-row {
  display: block;
  margin-left: -2.5px;
  margin-right: -2.5px;
  min-height: 10px;
  margin-bottom: 5px;
}

.templates-thumbnail-row:after {
  content: "";
  display: table;
  clear: both;
}

.templates-thumbnail-column {
  float: left;
  background-clip: content-box !important;
  min-height: 10px;
  max-height: 60px;
  padding: 0 2.5px;
}

.templates-thumbnail-component {
  width: 100%;
  height: 10px;
}

.templates-cards-container {
  margin: 0 auto 15px;
}

.templates-cards-container .fx-card {
  width: 250px;
}

.templates-cards-container .fx-card-body {
  height: 200px;
}

@media (max-width: 3250px) {
  .templates-cards-container .fx-card {
    width: calc(7.6% - 20px) !important;
  }
}

@media (max-width: 3250px) {
  .templates-cards-container .fx-card {
    width: calc(8.3% - 20px) !important;
  }
}

@media (max-width: 3000px) {
  .templates-cards-container .fx-card {
    width: calc(9.1% - 20px) !important;
  }
}

@media (max-width: 2750px) {
  .templates-cards-container .fx-card {
    width: calc(10% - 20px) !important;
  }
}

@media (max-width: 2500px) {
  .templates-cards-container .fx-card {
    width: calc(11.1% - 20px) !important;
  }
}

@media (max-width: 2250px) {
  .templates-cards-container .fx-card {
    width: calc(12.5% - 20px) !important;
  }
}

@media (max-width: 2000px) {
  .templates-cards-container .fx-card {
    width: calc(14.2% - 20px) !important;
  }
}

@media (max-width: 1750px) {
  .templates-cards-container .fx-card {
    width: calc(16.6% - 20px) !important;
  }
}

@media (max-width: 1500px) {
  .templates-cards-container .fx-card {
    width: calc(20% - 20px) !important;
  }
}

@media (max-width: 1250px) {
  .templates-cards-container .fx-card {
    width: calc(25% - 20px) !important;
  }
}

@media (max-width: 1000px) {
  .templates-cards-container .fx-card {
    width: calc(33.3% - 20px) !important;
  }
}

@media (max-width: 750px) {
  .templates-cards-container .fx-card {
    width: calc(50% - 20px) !important;
  }
}

@media (max-width: 300px) {
  .templates-cards-container .fx-card {
    width: calc(100% - 20px) !important;
  }
}

.templates-cards-container--center {
  margin: 0 auto;
}

@font-face {
  font-family: "LL-Font-Regular";
  src: url(bf963cdc4631c4d3fcbd25a4049bca5b.eot) format("embedded-opentype"),url(aa22209bb429c0ca8daf2eda59624562.otf) format("opentype"),url(db300733b4405c054b997bf350367ff6.woff) format("woff"),url(e19f6360dd23fab64bd9fb372a713abd.ttf) format("truetype"),url(f9e005cc64f4b6055d7f71681158d003.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "LL-Font-Light";
  src: url(1a55cd10cad33354c2757fb8bf7f3cbe.eot) format("embedded-opentype"),url(280627605d11e8db24c9238d53be1acb.otf) format("opentype"),url(5d06cf85bf6ad0a2b29f699817686571.woff) format("woff"),url(9c5cb2c38ddd9e1456039bec45f1a1c0.ttf) format("truetype"),url(c5002e021841b99e172cc4e90ad0de34.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Raleway";
  src: url(70ab6aa5921ac166dc5a8c4accb10f0a.woff2) format("woff2"),url(3b283241f204d3bbf40d329695551b06.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Raleway";
  src: url(326d8ff98c56195c8cd43210f679c918.woff2) format("woff2"),url(64a85652c4d1891e67b4466145b68652.woff) format("woff");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "Raleway";
  src: url(c31a107d20c073c36a728e6ee5fbb3dd.woff2) format("woff2"),url(1015a97dfaedd78b91111ed2ea1e8fcc.woff) format("woff");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Raleway";
  src: url(7902009ab553dbb83926789e90757cd7.woff2) format("woff2"),url(5cd2c3ff9af40c570d7a4ba4c2a618c7.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Raleway";
  src: url(7ebf543e11840597286ae1b57ea1cb2c.woff2) format("woff2"),url(32b883ec7e489004632d30e8b7f00428.woff) format("woff");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "Raleway";
  src: url(7ebf543e11840597286ae1b57ea1cb2c.woff2) format("woff2"),url(32b883ec7e489004632d30e8b7f00428.woff) format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Raleway";
  src: url(a8fdfb690b751799de0528fa7e71ba5f.woff2) format("woff2"),url(a24ecd4393347871af0f84eeff64dbc6.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Raleway";
  src: url(58129c656561ea89048b37d0012e6e78.woff2) format("woff2"),url(84367901f2bddfd5eeb837aa8252c7df.woff) format("woff");
  font-weight: 600;
  font-style: italic;
}

.height-100 {
  height: 100%;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-right {
  display: flex;
  justify-content: flex-end;
}

.camp-list-table .camp-list-table-title {
  height: 28px;
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 16px;
  color: #5f667e;
  border: 1px solid #ced3e0;
  padding: 0 16px;
}

.camp-list-table .camp-list-table-body {
  color: #1f2129;
}

.camp-list-table .camp-list-table-row {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  border-bottom: 1px solid #ced3e0;
  border-left: 1px solid #ced3e0;
  border-right: 1px solid #ced3e0;
  height: 52px;
}

.camp-list-table .camp-list-table-row .camp-list-table-icon {
  margin-left: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.camp-list-table .camp-list-table-row .camp-list-table-row-title {
  margin-left: 16px;
  font-weight: 500;
}

.camp-list-table .camp-list-table-row .camp-list-table-verify {
  font-size: 14px;
  line-height: 20px;
  color: #004cff;
  cursor: pointer;
}

.camp-list-table .camp-list-table-row .camp-list-table-delete {
  cursor: pointer;
}

.camp-list-table .camp-list-table-row .rightside {
  display: flex;
  justify-content: flex-end;
  flex: 1;
}

.camp-list-table .camp-list-table-row .rightside div {
  margin-right: 16px;
  display: flex;
  align-items: center;
}

:root {
  --b-0: 0;
  --b-100: 1px;
  --b-200: 2px;
  --b-300: 4px;
  --b-none: none;
  --b-dashed: dashed;
  --b-solid: solid;
  --radii-0: 0;
  --radii-100: 4px;
  --radii-200: 8px;
  --radii-rounded: 99rem;
  --radii-circle: 100%;
  --shadow-100: 0 4px 8px -2px rgba(31, 33, 41, 0.3);
  --shadow-200: 0 4px 12px 0 rgba(31, 33, 41, 0.08);
  --shadow-300: 0 14px 22px 0 rgba(31, 33, 41, 0.1);
  --shadow-400: 0 26px 32px 0 rgba(31, 33, 41, 0.3);
  --banana-100: #fff9e6;
  --banana-200: #fdecb2;
  --banana-300: #fce28b;
  --banana-400: #fbd965;
  --banana-500: #facf3f;
  --banana-600: #deaa00;
  --black: #000;
  --creamsicle-100: #fff8f2;
  --creamsicle-200: #ffe1cb;
  --creamsicle-300: #ffbf90;
  --creamsicle-400: #ffa869;
  --creamsicle-500: #ff8730;
  --creamsicle-600: #e66000;
  --lavender-100: #f7f2ff;
  --lavender-200: #eae0fe;
  --lavender-300: #c3a7fc;
  --lavender-400: #aa81fc;
  --lavender-500: #9159fc;
  --lavender-600: #73f;
  --mint-100: #ebfffa;
  --mint-200: #b6f2e4;
  --mint-300: #6ae6c9;
  --mint-400: #1bddb1;
  --mint-500: #19cca3;
  --mint-600: #11866f;
  --network-android: #3ddc84;
  --network-apple: #1f2129;
  --network-facebook: #1877f2;
  --network-instagram: #1f2129;
  --network-linked-in: #2867b2;
  --network-twitter: #1da1f2;
  --network-you-tube: red;
  --ocean-100: #fafbff;
  --ocean-150: #edf3fe;
  --ocean-200: #e3ebfc;
  --ocean-300: #c1d1f7;
  --ocean-400: #5884ea;
  --ocean-500: #356ae6;
  --ocean-600: #1b54d9;
  --ocean-700: #123b99;
  --slate-100: #f7f9ff;
  --slate-150: #edf0f7;
  --slate-200: #ced3e0;
  --slate-300: #9298ad;
  --slate-400: #5f667e;
  --slate-500: #4e5468;
  --slate-550: #353a4a;
  --slate-600: #1f2129;
  --strawberry-100: #fff2f6;
  --strawberry-200: #fcdee7;
  --strawberry-300: #faa5bd;
  --strawberry-400: #f56e94;
  --strawberry-500: #f3376b;
  --strawberry-600: #e40e49;
  --strawberry-700: #c60d40;
  --transparent: transparent;
  --white: #fff;
  --duration-fast: 200ms;
  --duration-medium: 400ms;
  --duration-slow: 1200ms;
  --transition-in: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --transition-out: cubic-bezier(0.23, 1, 0.32, 1);
  --transition-in-out: cubic-bezier(0.86, 0, 0.07, 1);
  --transition-out-elastic: cubic-bezier(0.75, 0, 0.25, 1.25);
  --breakpoint-xs: 480px;
  --breakpoint-sm: 768px;
  --breakpoint-md: 1024px;
  --breakpoint-lg: 1280px;
  --breakpoint-xl: 1920px;
  --sp-0: 0;
  --sp-100: 2px;
  --sp-200: 4px;
  --sp-300: 8px;
  --sp-400: 12px;
  --sp-500: 16px;
  --sp-600: 20px;
  --sp-700: 24px;
  --sp-800: 28px;
  --sp-900: 32px;
  --sp-1000: 48px;
  --sp-1100: 64px;
  --sp-1200: 80px;
  --sp-1300: 128px;
  --sp-1400: 200px;
  --sp-1500: 400px;
  --ff-display: "Poppins", "Avenir", "Avenir Next", "Futura", helvetica, arial, sans-serif;
  --ff-standard: "IBM Plex Sans", "Franklin Gothic", "ITC Franklin Gothic", helvetica, arial, sans-serif;
  --fs-100: 12px;
  --fs-200: 14px;
  --fs-300: 16px;
  --fs-400: 18px;
  --fs-500: 20px;
  --fs-600: 24px;
  --fs-700: 28px;
  --fs-800: 32px;
  --fs-900: 36px;
  --fs-1000: 40px;
  --fs-1100: 44px;
  --fs-1200: 48px;
  --fs-1300: 60px;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semi-bold: 600;
  --fw-bold: 700;
  --lh-100: 16px;
  --lh-200: 20px;
  --lh-300: 24px;
  --lh-400: 28px;
  --lh-500: 32px;
  --lh-600: 36px;
  --lh-700: 44px;
  --lh-800: 49px;
  --lh-900: 52px;
  --lh-1000: 56px;
  --lh-1100: 76px;
}

:root {
  --ocean: #356ae6;
  --ocean-120: #1b54d9;
  --ocean-80: #5884ea;
  --ocean-60: #c1d1f7;
  --ocean-40: #e3ebfc;
  --ocean-30: #edf3fe;
  --ocean-20: #fafbff;
  --slate: #4e5468;
  --slate-120: #353a4a;
  --slate-140: #1f2129;
  --slate-80: #5f667e;
  --slate-60: #9298ad;
  --slate-40: #ced3e0;
  --slate-30: #e4e7f0;
  --slate-20: #f7f9fc;
  --mint: #19cca3;
  --mint-120: #139879;
  --mint-80: #1bddb1;
  --mint-60: #6ae6c9;
  --mint-40: #b6f2e4;
  --mint-20: #ebfffa;
  --strawberry: #f3376b;
  --strawberry-120: #e40e49;
  --strawberry-80: #f56e94;
  --strawberry-60: #faa5bd;
  --strawberry-40: #fcdee7;
  --strawberry-20: #fff2f6;
  --creamsicle: #ff8730;
  --creamsicle-120: #f46700;
  --creamsicle-80: #ffa869;
  --creamsicle-60: #ffbf90;
  --creamsicle-40: #ffe1cb;
  --creamsicle-20: #fff8f2;
  --lavender: #9159fc;
  --lavender-120: #73f;
  --lavender-80: #aa81fc;
  --lavender-60: #c3a7fc;
  --lavender-40: #eae0fe;
  --lavender-20: #f7f2ff;
  --banana: #facf3f;
  --banana-120: #deaa00;
  --banana-80: #fbd965;
  --banana-60: #fce28b;
  --banana-40: #fdecb2;
  --banana-20: #fff9e6;
  --black: #000;
  --white: #fff;
  --transparent: rgba(255, 255, 255, 0);
  --tag-bg: #e5e5e5;
  --tag-hover: #d3e2e2;
}

body,
html {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  line-height: 1;
  font-size: 10px;
  background: #fff;
  font-family: "IBM Plex Sans",sans-serif !important;
  color: #1f2129;
}

::-webkit-input-placeholder {
  color: #cfccca;
}

::-moz-placeholder {
  color: #cfccca;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #cfccca;
}

.main-view {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 64px;
  background: #fff;
  overflow: hidden;
}

.main-alert {
  position: fixed;
  top: 0;
  right: 0;
  left: 64px;
  height: 37px;
  overflow: hidden;
  text-align: center;
  color: #fff;
  z-index: 1000;
}

.main-alert+.view {
  top: 37px;
}

.main-alert--danger {
  background: #ef5c48;
}

.main-alert--warning {
  background: #e9b049;
}

.main-alert--warning:hover:not(.main-alert--warning--nox) {
  cursor: default;
  background: #cd9f19;
}

.main-alert-btn {
  display: inline-block;
  padding: 5px;
  box-shadow: 0 0 0 2px #fff;
  border-radius: 2px;
  cursor: pointer;
}

.main-alert-btn:hover {
  background: rgba(0,0,0,.12);
}

.main-breadcrumbs {
  font-size: 18px;
  position: absolute;
  left: 0;
  right: 225px;
  top: 0;
  bottom: 0;
  color: rgba(0,0,0,.87);
  line-height: 65px;
  padding-left: 20px;
  padding-right: 20px;
}

.loading-mask {
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 190;
}

.loading-mask.ng-animate {
  transition: none 0s;
}

.loading-mask.ng-animate * {
  transition: none 0s;
  animation: none 0s;
}

.transition-mask {
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 2000;
}

.transition-mask.ng-leave,
.transition-mask.ng-leave-active {
  transition: opacity .15s;
}

.transition-mask.ng-leave {
  opacity: 1;
}

.transition-mask.ng-leave-active {
  opacity: 0;
}

.inset-z1-shadow {
  box-shadow: inset 0 1px 3px rgba(0,0,0,.12),inset 0 1px 2px rgba(0,0,0,.24);
}

.bg-textured-primary {
  background: #eceae9;
}

.bg-textured-accent {
  background: #fff;
}

.bg-textured-dark {
  background: #5c5854;
}

.bg-textured-dark::before {
  opacity: .75;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

[fill-height],
[max-height] {
  display: block;
  overflow: auto;
}

.jsa-cover,
.jsa-reveal,
.jsa-push,
.jsa-transition {
  position: absolute !important;
}

.click-mask {
  position: relative;
  cursor: pointer;
}

.click-mask::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
}

.divider {
  position: relative;
  z-index: 2;
}

.divider::before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1px;
  width: 100%;
  z-index: 0;
  height: 2px;
  left: 0;
  background: #7d7a78;
}

.divider::after {
  content: "";
  position: relative;
  margin-right: -100%;
  height: 100%;
  background-color: #e8e7e6;
  z-index: 1;
}

.flag {
  display: table;
  width: 100%;
}

.flag__image,
.flag__body {
  display: table-cell;
  vertical-align: middle;
}

.flag--top .flag__image,
.flag--top .flag__body {
  vertical-align: top;
}

.flag--bottom .flag__image,
.flag--bottom .flag__body {
  vertical-align: bottom;
}

.flag__image {
  padding-right: 10px;
}

.flag__image>img {
  display: block;
  max-width: none;
}

.flag--rev .flag__image {
  padding-right: 0;
  padding-left: 10px;
}

.flag__body {
  width: 100%;
}

.graph-placeholder {
  content: "graph";
  padding: 10px;
  color: #fff;
  width: 100%;
  height: 200px;
  background: #7d7a78;
}

.hide-scrollbar {
  overflow: hidden !important;
}

.hide-scrollbar-x {
  overflow-x: hidden !important;
}

.hide-scrollbar-y {
  overflow-y: hidden !important;
}

.disabled {
  pointer-events: none;
}

.pin-right {
  position: absolute;
  left: 100%;
}

.break-all {
  word-break: break-all;
}

.break-word {
  word-break: break-word;
}

.valign-contain {
  display: flex;
  justify-content: center;
  align-items: center;
}

.valign-middle {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}

.fill {
  width: 100%;
  height: 100%;
}

[permanent-placeholder] {
  position: relative;
}

[permanent-placeholder]>.permanent-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 10.5px 15.75px;
}

.main-upgrade {
  position: absolute;
  right: 225px;
  top: 0;
  bottom: 0;
  padding-right: 15px;
}

#avpw_fullscreen_bg {
  z-index: 16000 !important;
}

.avpw_is_fullscreen #avpw_controls {
  z-index: 17000 !important;
}

.fx-modal-backdrop--aviary {
  z-index: 18000 !important;
}

.fx-modal--aviary {
  z-index: 19000 !important;
}

.nav-items-container {
  display: flex;
  height: calc(100% - 130px);
  flex-direction: column;
  justify-content: space-between;
}

.nav-items-container .nav-items {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 4px;
}

.nav-items-container .nav-items .nav-item {
  display: block;
  width: 100%;
}

.nav-items-container .nav-items .nav-item a {
  text-align: center;
  position: relative;
  display: block;
  padding: 12px 0;
  width: 100%;
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nav-items-container .nav-items .nav-item a svg {
  width: 18px;
  height: 18px;
  fill: #fff;
}

nav.sidenav .logo:not(.custom-logo) {
  line-height: 64px;
}

nav.sidenav .logo {
  display: block;
  width: 100%;
  height: 64px;
  max-height: 64px;
  background-color: var(--ocean-500);
  text-align: center;
  text-decoration: none;
}

nav.sidenav .logo .ac-icon-ac {
  display: block;
  margin: auto;
  font-size: 25.2px;
  color: #fff;
  fill: #fff;
}

nav.sidenav .logo .ac-icon-ac svg {
  width: 17px;
}

nav.sidenav .logo span {
  display: block;
  margin: auto;
  font-size: 25.2px;
  color: #fff;
  fill: #fff;
  vertical-align: middle;
  width: 64px;
  height: 64px;
}

.main-1 {
  overflow: hidden;
}

.main-1__right {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.main-1__right.main-1--banner {
  top: 37px;
}

.main-1__right-transition-mask {
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  left: 248px;
  bottom: 0;
  z-index: 2000;
}

.main-2 {
  overflow: hidden;
  background: #f4f7ff;
}

.main-2__left {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 185px;
  border-right: 1px solid #ced3e0;
  overflow-y: auto;
  overflow-x: hidden;
  background: #fff;
}

.main-2__right {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: scroll;
}

.main-2__right.main-2__right--expanded {
  left: 0;
}

.main-2__right-transition-mask {
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  left: 185px;
  bottom: 0;
  z-index: 2000;
}

.main-nav-body-inner {
  display: flex;
  flex-direction: column;
}

.main-nav-section--btn {
  padding: 11px 16px;
}

.main-nav-section--btn .secondary-nav-item {
  font-size: 14px;
  line-height: 14px;
  color: #fff;
}

.main-nav-section--btn .secondary-nav-item.pages {
  background: #1f2129;
}

.main-nav-section--btn .secondary-nav-item a {
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  text-decoration: none;
}

.main-nav-section--btn.pages,
.main-nav-section--btn.menu-site {
  font-size: 14px;
  line-height: 14px;
  background: #1f2129;
}

.main-header {
  height: 65px;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #ced3e0;
}

.main-header-navbar {
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #ced3e0;
}

.main-header-navbar .page-tabs .fx-tab.disabled {
  cursor: not-allowed;
  color: #ced3e0;
}

.main-header-navbar .page-tabs .fx-tab:first-child {
  margin-left: 24px;
}

.main-header-nav {
  height: 49px;
  width: 100%;
  background: #fff;
}

.main-header-nav .main-nav-item {
  color: #1f2129;
}

.main-header-title {
  height: 65px;
  display: flex;
  align-items: center;
}

.main-header-title p {
  font-size: 14px;
  line-height: 20px;
  color: #1f2129;
  margin-left: 32px;
}

.sidebar-nav-body-wrapper {
  display: flex;
  margin-top: 40px;
}

.sidebar-nav {
  width: 164px;
  margin-left: 32px;
  color: #1f2129;
}

.sidebar-nav .main-nav-item {
  color: #5f667e;
  font-size: 14px;
  line-height: 14px;
  border-left: 2px solid rgba(0,0,0,0);
}

.sidebar-nav .main-nav-item.main-nav-item--active {
  border-left: 2px solid #004cff;
}

.sidebar-nav .main-nav-item:hover {
  background: rgba(0,0,0,0);
  border-left: 2px solid #004cff;
}

.sidebar-nav .main-nav-section--btn {
  font-size: 14px;
  line-height: 14px;
  color: #004cff;
}

.btn-text {
  cursor: pointer;
  font-size: 14px;
  line-height: 14px;
  color: #004cff;
  background: rgba(0,0,0,0);
  border: none;
}

.form-error-message {
  margin: .5rem 0 1rem 0;
  color: #f3376b;
  font-weight: 500;
}

.form-error-message-input,
.form-error-message-input:hover {
  color: #f3376b !important;
  border-color: #f3376b !important;
}

.margin-right-12 {
  margin-right: 12px;
}

.main-body-sidebar-nav {
  width: 100%;
  margin-left: 32px;
  margin-right: 32px;
}

.main-body-sidebar-nav-top-bar {
  display: flex;
  margin-bottom: 24px;
}

.main-body-sidebar-nav-top-bar .main-body-sidebar-nav-top-bar-right {
  margin-left: auto;
}

.main-body {
  position: relative;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  overflow-y: auto;
  background: #f4f7ff;
}

.main-body--full-height {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  overflow-y: auto;
}

.main-dropdown {
  background: #5f667e;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  height: 64px;
  cursor: pointer;
  padding-left: 15px;
  padding-right: 30px;
}

.main-dropdown:hover .main-dropdown__client {
  color: #004cff;
}

.main-dropdown:hover::after {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgMTEuOTkgNyI+PHBhdGggZmlsbD0iIzRlYmZlNSIgZD0iTTYsN0g2YTEsMSwwLDAsMS0uNzEtMC4yOWwtNS01QTEsMSwwLDAsMSwxLDBIMTFhMSwxLDAsMCwxLC43MSwxLjcxbC01LDVBMSwxLDAsMCwxLDYsN1pNMy40MiwyTDYsNC41OCw4LjU5LDJIMy40MloiLz48L3N2Zz4=) center center no-repeat;
}

.main-dropdown-menu {
  width: 185px;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}

.main-dropdown-item {
  position: relative;
  color: #5c5854;
  cursor: pointer;
  padding: 5px 10px;
  display: flex;
  align-items: center;
}

.main-dropdown-item svg {
  fill: #cfccca;
  margin-right: 10px;
}

.main-dropdown-item:hover {
  background: #fff;
}

.main-dropdown-item:hover svg {
  fill: #7d7a78;
}

.main-dropdown-item:active {
  background: #eceae9;
}

.main-transition {
  z-index: 19000;
}

.main-sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 64px;
  overflow: hidden;
  background: #5f667e;
  text-align: center;
  box-shadow: 0 3px 6px rgba(0,0,0,.12);
}

.main-sidebar-header {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 64px;
  background: #004cff;
}

.main-sidebar-header svg {
  cursor: pointer;
  width: 25px;
  height: 25px;
}

.main-sidebar-header svg #outline {
  fill: #8a7e9a;
}

.main-sidebar-nav {
  cursor: pointer;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main-sidebar-nav svg {
  fill: #8a7e9a;
}

.main-sidebar-nav:hover svg {
  fill: #9f95ac;
}

.main-sidebar-client {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  font-size: 18px;
  color: #fff;
  opacity: .4;
  transition: opacity .15s;
}

.main-sidebar-client:hover {
  box-shadow: 0 0 0 2px #6f7ba5;
  opacity: 1;
}

.main-sidebar-client img {
  border-radius: 50%;
}

.main-sidebar-client img:hover {
  box-shadow: 0 0 0 2px #6f7ba5;
  opacity: 1;
}

.main-sidebar-client--active {
  box-shadow: 0 0 0 2px #fff !important;
  opacity: 1;
}

.main-sidebar-client--active img {
  opacity: 1;
  box-shadow: 0 0 0 2px #fff !important;
}

.main-sidebar-add-client {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  font-size: 18px;
  border: 2px solid #8a7e9a;
}

.main-sidebar-add-client svg {
  fill: #8a7e9a;
}

.main-sidebar-add-client:hover {
  border: 2px solid #b9b1c2;
}

.main-sidebar-add-client:hover svg {
  fill: #b9b1c2;
}

.main-nav {
  background: #373a4a;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.main-nav-header--disabled {
  pointer-events: none;
  cursor: default !important;
}

.main-nav-overflow {
  box-shadow: 0 0 20px #ced3e0;
}

.main-nav-section {
  color: #fff;
}

.main-nav-section .main-nav-section-add-a-folder {
  padding: 15px 15px 15px 0;
}

.main-nav-section--btn {
  cursor: pointer;
}

.main-nav-section--btn.main-nav-section--active {
  background: #000;
}

.main-nav-section--btn.main-nav-section--active p {
  border-left: 2px solid #fff;
}

.main-nav-item {
  position: relative;
  padding: 5px 0;
  cursor: pointer;
}

.main-nav-item.fx-actionmenu-open .main-nav-item__actions,
.main-nav-item:hover .main-nav-item__actions {
  opacity: 1;
}

.main-nav-item .main-nav-item__actions {
  opacity: 0;
  padding-left: 7.5px;
  padding-right: 12.5px;
  transition: all .05s;
}

.main-nav-item:hover {
  background: #4e5468;
}

.main-nav-item:active {
  background: #eceae9;
}

.main-nav-item.main-nav-item--active {
  color: #4d577b;
  background: #fafafa;
}

.main-nav-item__title {
  padding-left: 15px;
  max-width: 159.5px;
}

.main-mobile-blocker {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20000;
  padding: 20px;
  display: none;
}

@media only screen and (max-width: 600px) {
  .main-mobile-blocker {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}

.connection-loss-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,.85);
  z-index: 30000;
}

.transition-color {
  transition: color .1s ease-in-out;
}

.main-app-transition {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.main-app-transition.ng-enter {
  transition: all linear 400ms;
  opacity: 0;
}

.main-app-transition.ng-enter-active {
  opacity: 1;
}

.main-app-transition.ng-leave {
  opacity: 1;
  transition: all linear 400ms;
}

.main-app-transition.ng-leave-active {
  opacity: 0;
}

.templates_body-fixed-sidebar__sidebar {
  z-index: 5;
  position: fixed;
  left: 0;
  top: 0;
  padding: 0;
  bottom: 0;
  width: 248px;
}

div.sidenav {
  top: 0px;
  left: 0px;
  width: 248px;
  height: 100%;
  position: fixed;
  background-color: var(--slate-500);
  z-index: 1;
}

nav.sidenav.collapse .main-container,
nav.sidenav.collapse .actmenu {
  width: 64px;
  min-width: 64px;
}

nav.sidenav.collapse .ac_flex-col:not(.col-icon) {
  display: none;
  opacity: 0;
}

nav.sidenav .nav-items .ac_flex-col {
  transition: all 500ms ease-out;
  -webkit-transition: all 500ms ease-out;
}

nav.sidenav .nav-items .icon {
  margin-left: 4px;
}

.icon.medium {
  width: 16px;
}

.icon.middle {
  margin: 0;
}

.text-white {
  color: var(--white, #fff);
}

.icon {
  width: 12px;
  display: inline-block;
}

nav.sidenav {
  position: fixed;
  display: flex;
  align-items: stretch;
  max-width: 248px;
  min-height: 100%;
  height: 100%;
  background-color: #4e5468;
  vertical-align: top;
  -webkit-transition: all .1s cubic-bezier(0.42, 0, 0.76, 0.995);
  -moz-transition: all .1s cubic-bezier(0.42, 0, 0.76, 0.995);
  -o-transition: all .1s cubic-bezier(0.42, 0, 0.76, 0.995);
  transition: all .1s cubic-bezier(0.42, 0, 0.76, 0.995);
  z-index: 10;
}

nav.sidenav.collapse .main-container {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  width: 64px;
}

nav.sidenav .main-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 248px;
  background-color: #4e5468;
  -moz-transition: all .1s cubic-bezier(0.42, 0, 0.76, 0.995);
  -o-transition: all .1s cubic-bezier(0.42, 0, 0.76, 0.995);
  transition: all .1s cubic-bezier(0.42, 0, 0.76, 0.995);
  z-index: 2;
}

nav.sidenav .main-container,
nav.sidenav .sub-container {
  -webkit-transition: all .1s cubic-bezier(0.42, 0, 0.76, 0.995);
}

nav.sidenav .nav-items-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(100% - 130px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

nav.sidenav .nav-items {
  display: block;
  -webkit-box-flex: 1;
  flex-grow: 1;
  flex-shrink: 1;
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
}

nav.sidenav .nav-items-container ul.nav-items {
  overflow-x: hidden;
}

nav.sidenav .nav-items .nav-item {
  display: block;
  width: 100%;
}

nav.sidenav.collapse .nav-items a {
  text-align: center;
}

nav.sidenav .nav-items a.active,
nav.sidenav .nav-items a.active svg,
nav.sidenav .nav-items a:hover svg {
  background-color: #353a4a;
  color: #fff !important;
  fill: #fff !important;
}

nav.sidenav .nav-items a {
  position: relative;
  display: block;
  padding: 12px 20px;
  width: 100%;
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  box-sizing: border-box;
}

nav.sidenav .actmenu,
nav.sidenav .nav-items a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

a:hover:not(.is-styled),
a:link:not(.is-styled),
a:visited:not(.is-styled) {
  color: #356ae6;
  text-decoration: none;
}

nav.sidenav .nav-items .ac_flex-row.align-middle {
  justify-content: flex-start;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

.ac_flex-row.align-middle {
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  justify-content: center;
}

.ac_flex-row,
.ac_flex-row.align-middle {
  display: -ms-flexbox;
  display: -webkit-flex;
}

.ac_flex-row {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-left: -1.6%;
}

.align-middle {
  vertical-align: middle;
}

nav.sidenav .nav-items a.active,
nav.sidenav .nav-items a.active svg,
nav.sidenav .nav-items a:hover svg {
  background-color: #353a4a;
  color: #fff !important;
  fill: #fff !important;
}

nav.sidenav .nav-items .ac_flex-col {
  transition: all .5s ease-out;
  -webkit-transition: all .5s ease-out;
}

.ac_flex-col.ac_flex1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8.333%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 8.333%;
  -ms-flex: 0 0 8.333%;
  flex: 0 0 8.333%;
}

nav.sidenav .nav-items .ac_flex-col .icon {
  margin-left: 0;
}

.icon.medium {
  width: 16px;
}

.icon.middle {
  margin: 0;
}

.icon,
.icon svg {
  width: 12px;
  display: inline-block;
}

.text-white {
  color: var(--white, #fff);
}

nav.sidenav.collapse .nav-items a {
  text-align: center;
}

nav.sidenav .side-menu-header {
  padding: 21px 16px !important;
  margin: 0 !important;
  max-height: 64px;
  background-color: var(--slate-500) !important;
  color: #fff !important;
  font-weight: 600;
  opacity: 1 !important;
  text-transform: capitalize !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

nav.sidenav .sub-container {
  position: relative;
  left: 64px;
  width: 185px;
  min-width: 185px;
  background-color: var(--slate-550);
  -webkit-transition: all 100ms cubic-bezier(0.42, 0, 0.76, 0.995);
  -moz-transition: all 100ms cubic-bezier(0.42, 0, 0.76, 0.995);
  -o-transition: all 100ms cubic-bezier(0.42, 0, 0.76, 0.995);
  transition: all 100ms cubic-bezier(0.42, 0, 0.76, 0.995);
  z-index: 1;
}

nav.sidenav.universal {
  position: fixed;
  top: 0px;
  left: 0px;
  display: flex;
  align-items: stretch;
  max-width: 248px;
  min-height: 100%;
  height: 100%;
  background-color: var(--slate-500);
  vertical-align: top;
  -webkit-transition: all 100ms cubic-bezier(0.42, 0, 0.76, 0.995);
  -moz-transition: all 100ms cubic-bezier(0.42, 0, 0.76, 0.995);
  -o-transition: all 100ms cubic-bezier(0.42, 0, 0.76, 0.995);
  transition: all 100ms cubic-bezier(0.42, 0, 0.76, 0.995);
  z-index: 10;
}

nav.sidenav .sub-container .ac_side-menu {
  height: calc(100% - 21px);
  padding-bottom: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.ac_side-menu {
  font-family: "IBM Plex Sans",Helvetica,sans-serif;
  width: 100%;
  border-bottom: 0 none;
  border-top-color: rgba(0,0,0,0);
  box-sizing: border-box;
}

.ac_side-menu>ul {
  margin: 0;
  padding: 0;
}

nav.sidenav .sub-container .ac_side-menu>ul li {
  padding: 0;
  background: rgba(0,0,0,0);
  background-color: rgba(0,0,0,0);
}

.ac_side-menu>ul>li {
  list-style: none;
  padding: 14px 20px;
  font-weight: 400;
  color: #fff;
  background: var(--slate-500);
}

nav.sidenav .sub-container .ac_side-menu .active,
nav.sidenav .sub-container .ac_side-menu .active * {
  color: #fff !important;
  background: var(--slate-600) !important;
  border-left: 0 none !important;
}

nav.sidenav .sub-container .ac_side-menu a,
nav.sidenav .sub-container .ac_side-menu .sub-menu-header {
  display: block;
  padding: 12px 16px;
  font-size: 14px;
  color: var(--slate-200) !important;
  font-weight: 400;
  text-decoration: none;
  cursor: pointer;
}

nav.sidenav .sub-container .ac_side-menu a:hover,
nav.sidenav .sub-container .ac_side-menu .sub-menu-header:hover {
  background: var(--slate-600);
}

.text-size-medium {
  font-size: 14px !important;
  line-height: 1.6em;
}

nav.collapse {
  visibility: visible;
}

.nav.sidenav .sub-container .ac_side-menu a,
nav.sidenav .sub-container .ac_side-menu .sub-menu-header {
  display: block;
  padding: 12px 16px;
  font-size: 14px;
  color: var(--slate-200) !important;
  font-weight: 400;
  text-decoration: none;
  cursor: pointer;
}

.page-thumbnail-default {
  background-size: 100% 80%;
  background-position: center;
}

.iframe {
  background-color: #fafbff;
}

.iframe .mozart-loader,
.iframe .main-header-navbar,
.iframe #loading-bar {
  display: none !important;
}

.iframe .main-1__right {
  left: 0 !important;
  overflow: unset !important;
}


#layout-container {
  font-size: 14px;
}

#layout-container #ac-navigation-container svg {
  width: 18px;
  fill: #fff;
}


.splash-page-product {
  background-image: url(4d90832dea59a375312df9e994481806.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}