/* compiled by scssphp v0.6.6 on Tue, 17 Aug 2021 17:59:06 +0200 (0.3216s) */

@charset "UTF-8";
:root {
  --color-primary: #0b68b3;
  --color-secondary: #8bb1df;
  --color-tertiary: #cfe1f5;
  --color-green: #9bc41d;
  --color-orange: #f29100;
  --color-red: #e5014d;
  --color-steel: #749cb7;
  --color-blue-1: #9dc3e5;
  --color-blue-2: #6ca4d4;
  --color-blue-3: #3c86c3;
  --color-white-1: #fff;
  --color-white-2: #f8f8f8;
  --color-grey-1: #e9e9e9;
  --color-grey-2: #d2d3d3;
  --color-grey-3: #a6a7a7;
  --color-dark-1: #222324;
  --color-text-primary: #0b68b3;
  --color-text-secondary: #8bb1df;
  --color-text-dark: #222324;
  --color-text-medium: #8bb1df;
  --color-text-light: #fff;
  --color-text-link: #ff7251;
  --color-text-link-hover: #cc5b41;
  --color-primary-hover: #0a5ea1;
  --color-secondary-hover: #7d9fc9;
  --color-tertiary-hover: #bacbdd;
  --color-green-hover: #8cb01a;
  --color-orange-hover: #da8300;
  --color-red-hover: #ce0145;
  --color-steel-hover: #688ca5;
  --color-blue-1-hover: #8db0ce;
  --color-blue-2-hover: #6194bf;
  --color-blue-3-hover: #3679b0;
  --color-grey-1-hover: #d2d2d2;
  --color-grey-2-hover: #bdbebe;
  --color-grey-3-hover: #959696;
  --color-fg: #222324;
  --color-bg: #fff;
  --transition-timing: cubic-bezier(0.5, 1, 0.89, 1);
  --border-radius: 3px;
  --etx-flex-gutter-h: 15px;
  --etx-flex-gutter-v: 30px;
  --etx-flex-size: 12;
  --etx-container-width-max: 1200px;
  --etx-container-padding-h: 20px;
  --etx-container-padding-v: 50px;
  --etx-card-padding-h: 20px;
  --etx-card-padding-v: 20px; }
  @media (min-width: 768px) {
  :root {
    --etx-container-padding-h: 40px; } }
  @media (min-width: 768px) {
  :root {
    --etx-container-padding-v: 75px; } }

.font-primary, html {
  font-family: 'Roboto', sans-serif;
  font-weight: 400; }

.font-h1, h1 {
  --line-height: 1.4em;
  position: relative;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-size: 22px;
  font-weight: 400;
  font-style: normal;
  line-height: var(--line-height); }

.font-h2, h2 {
  position: relative;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-size: 22px;
  font-weight: 400;
  font-style: normal;
  line-height: var(--line-height); }

.font-h3, h3 {
  position: relative;
  margin-block-start: 0.5em;
  margin-block-end: 0.5em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
  line-height: var(--line-height); }

.font-h4, h4, .Table .Table__content table thead tr th {
  position: relative;
  margin-block-start: 0.5em;
  margin-block-end: 0.5em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-size: 14px;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  line-height: var(--line-height); }

.font-h5, h5 {
  position: relative;
  margin-block-start: 0.5em;
  margin-block-end: 0.5em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-size: 2.2em;
  font-weight: 700;
  font-style: normal;
  line-height: var(--line-height); }

.font-paragraph, p, ul, a {
  position: relative;
  margin-block-start: 0.5em;
  margin-block-end: 0.5em;
  margin-inline-start: 0px; }

a {
  margin: 0px;
  color: var(--color-text-link);
  display: inline-block;
  transition: color 0.4s var(--transition-timing); }
  a:hover {
    text-decoration: none; }

.font-size-small, .etx-pill .etx-pill__text, .SalesFunnelRow .SalesFunnelRow__item > .etx-card .SalesFunnelCardBadges .SalesFunnelCardBadges__item {
  font-size: 12px; }

.font-size-regular, .etx-pill.medium .etx-pill__icon, .etx-pill.medium .etx-pill__text, .Dashboard .Dashboard__hidden-header .Dashboard__hidden-header__button button, .Dashboard .Header .Header__button button {
  font-size: 14px; }

.font-size-large, .etx-pill.large .etx-pill__icon, .etx-pill.large .etx-pill__text, .CockpitProfile .CockpitProfile__button .fal, .CockpitProfile .CockpitProfile__button .far, .CockpitProfile .CockpitProfile__button .fas, .CockpitProfile .CockpitProfile__button fab, .Header .Header__button button, .HeaderFunnelIndicator .HeaderFunnelIndicator__text {
  font-size: 18px; }

.font-size-larger {
  font-size: 22px; }

.font-weight-light {
  font-weight: 300; }

.font-weight-regular {
  font-weight: 400; }

.font-weight-medium {
  font-weight: 500; }

.font-weight-bold, b, strong, .etx-pill .etx-pill__text, .etx-button .etx-button__text, .mat-radio-button.mat-radio-checked .mat-radio-label .mat-radio-label-content, .CockpitPerformance .CockpitPerformance__percentage, .Header .Header__navigation .Header__navigation__item, .HeaderFunnelIndicator .HeaderFunnelIndicator__text, .SalesFunnel .SalesFunnel__item .SalesFunnel__item__title span, .SalesFunnelRow .SalesFunnelRow__item > .etx-card .SalesFunnelCardBadges .SalesFunnelCardBadges__item span {
  font-weight: 700; }

.font-color-primary {
  color: var(--color-text-primary); }

.font-color-red {
  color: var(--color-red); }

.font-color-dark {
  color: var(--color-text-dark); }

.font-color-medium {
  color: var(--color-text-medium); }

.font-color-light {
  color: var(--color-text-light); }

.font-color-grey-3 {
  color: var(--color-grey-3); }

* {
  min-height: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
  font: inherit;
  font-smooth: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-variant-ligatures: none;
  line-height: inherit;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  word-wrap: break-word;
  /* old name */
  overflow-wrap: break-word;
  hypthens: auto;
  color: inherit;
  color-adjust: exact;
  box-sizing: border-box;
  outline: none; }
  *::before, *::after {
    box-sizing: border-box; }

html {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto; }
  html body {
    --line-height: 1.5em;
    width: 100%;
    position: relative;
    right: 0px;
    margin: 0px;
    background-color: var(--color-bg);
    font-size: 14px;
    line-height: var(--line-height);
    color: var(--color-fg);
    overflow-x: hidden; }

img {
  width: 100%;
  border: 0px;
  display: block; }

hr {
  height: 1px;
  border: 0px;
  background-color: var(--color-dark-1);
  opacity: 0.1;
  mix-blend-mode: darken; }

.SideBarCockpit, .Main__header, .etx-pill, .Header .Header__navigation .Header__navigation__item, .etx-button {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none; }

::-webkit-scrollbar {
  width: 4px;
  /* Remove scrollbar space */
  height: 4px;
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background: transparent;
  /* Optional: just make scrollbar invisible */ }

::-webkit-scrollbar-thumb {
  background: var(--color-fg); }

* {
  scrollbar-color: var(--color-fg);
  scrollbar-width: thin; }

:root {
  --etx-flex-gutter-h-200: calc(var(--etx-flex-gutter-h)/4*8);
  --etx-flex-gutter-h-100: calc(var(--etx-flex-gutter-h)/4*4);
  --etx-flex-gutter-h-75: calc(var(--etx-flex-gutter-h)/4*3);
  --etx-flex-gutter-h-50: calc(var(--etx-flex-gutter-h)/4*2);
  --etx-flex-gutter-h-25: calc(var(--etx-flex-gutter-h)/4*1);
  --etx-flex-gutter-v-200: calc(var(--etx-flex-gutter-v)/4*8);
  --etx-flex-gutter-v-100: calc(var(--etx-flex-gutter-v)/4*4);
  --etx-flex-gutter-v-75: calc(var(--etx-flex-gutter-v)/4*3);
  --etx-flex-gutter-v-50: calc(var(--etx-flex-gutter-v)/4*2);
  --etx-flex-gutter-v-25: calc(var(--etx-flex-gutter-v)/4*1);
  --etx-container-padding-v-200: calc(var(--etx-container-padding-v)/4*8);
  --etx-container-padding-v-100: calc(var(--etx-container-padding-v)/4*4);
  --etx-container-padding-v-75: calc(var(--etx-container-padding-v)/4*3);
  --etx-container-padding-v-50: calc(var(--etx-container-padding-v)/4*2);
  --etx-container-padding-v-25: calc(var(--etx-container-padding-v)/4*1);
  --etx-card-padding-h-200: calc(var(--etx-card-padding-h)/4*8);
  --etx-card-padding-h-100: calc(var(--etx-card-padding-h)/4*4);
  --etx-card-padding-h-75: calc(var(--etx-card-padding-h)/4*3);
  --etx-card-padding-h-50: calc(var(--etx-card-padding-h)/4*2);
  --etx-card-padding-h-25: calc(var(--etx-card-padding-h)/4*1);
  --etx-card-padding-v-200: calc(var(--etx-card-padding-v)/4*8);
  --etx-card-padding-v-100: calc(var(--etx-card-padding-v)/4*4);
  --etx-card-padding-v-75: calc(var(--etx-card-padding-v)/4*3);
  --etx-card-padding-v-50: calc(var(--etx-card-padding-v)/4*2);
  --etx-card-padding-v-25: calc(var(--etx-card-padding-v)/4*1); }

* {
  min-height: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
  font: inherit;
  font-smooth: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-variant-ligatures: none;
  line-height: inherit;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  color: inherit;
  color-adjust: exact;
  box-sizing: border-box;
  outline: none; }
  *::before, *::after {
    box-sizing: border-box; }

.etx-app-wrapper {
  flex-flow: row nowrap;
  align-items: stretch;
  display: flex;
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px; }

.etx-container {
  position: relative;
  padding-top: var(--etx-container-padding-v-100);
  padding-bottom: var(--etx-container-padding-v-100);
  /* Padding Top */
  /* Padding Bottom */ }
  .etx-container.pt-200 {
    padding-top: var(--etx-container-padding-v-200); }
  .etx-container.pt-75 {
    padding-top: var(--etx-container-padding-v-75); }
  .etx-container.pt-50 {
    padding-top: var(--etx-container-padding-v-50); }
  .etx-container.pt-25 {
    padding-top: var(--etx-container-padding-v-25); }
  .etx-container.pt-0 {
    padding-top: 0px; }
  @media screen and (min-width: 480px) {
    .etx-container.mob-m\:pt-200 {
      padding-top: var(--etx-container-padding-v-200); } }
  @media screen and (min-width: 480px) {
    .etx-container.mob-m\:pt-100 {
      padding-top: var(--etx-container-padding-v-100); } }
  @media screen and (min-width: 480px) {
    .etx-container.mob-m\:pt-75 {
      padding-top: var(--etx-container-padding-v-75); } }
  @media screen and (min-width: 480px) {
    .etx-container.mob-m\:pt-50 {
      padding-top: var(--etx-container-padding-v-50); } }
  @media screen and (min-width: 480px) {
    .etx-container.mob-m\:pt-25 {
      padding-top: var(--etx-container-padding-v-25); } }
  @media screen and (min-width: 480px) {
    .etx-container.mob-m\:pt-0 {
      padding-top: 0px; } }
  @media screen and (min-width: 650px) {
    .etx-container.mob-l\:pt-200 {
      padding-top: var(--etx-container-padding-v-200); } }
  @media screen and (min-width: 650px) {
    .etx-container.mob-l\:pt-100 {
      padding-top: var(--etx-container-padding-v-100); } }
  @media screen and (min-width: 650px) {
    .etx-container.mob-l\:pt-75 {
      padding-top: var(--etx-container-padding-v-75); } }
  @media screen and (min-width: 650px) {
    .etx-container.mob-l\:pt-50 {
      padding-top: var(--etx-container-padding-v-50); } }
  @media screen and (min-width: 650px) {
    .etx-container.mob-l\:pt-25 {
      padding-top: var(--etx-container-padding-v-25); } }
  @media screen and (min-width: 650px) {
    .etx-container.mob-l\:pt-0 {
      padding-top: 0px; } }
  @media screen and (min-width: 768px) {
    .etx-container.tab-s\:pt-200 {
      padding-top: var(--etx-container-padding-v-200); } }
  @media screen and (min-width: 768px) {
    .etx-container.tab-s\:pt-100 {
      padding-top: var(--etx-container-padding-v-100); } }
  @media screen and (min-width: 768px) {
    .etx-container.tab-s\:pt-75 {
      padding-top: var(--etx-container-padding-v-75); } }
  @media screen and (min-width: 768px) {
    .etx-container.tab-s\:pt-50 {
      padding-top: var(--etx-container-padding-v-50); } }
  @media screen and (min-width: 768px) {
    .etx-container.tab-s\:pt-25 {
      padding-top: var(--etx-container-padding-v-25); } }
  @media screen and (min-width: 768px) {
    .etx-container.tab-s\:pt-0 {
      padding-top: 0px; } }
  @media screen and (min-width: 1000px) {
    .etx-container.tab-m\:pt-200 {
      padding-top: var(--etx-container-padding-v-200); } }
  @media screen and (min-width: 1000px) {
    .etx-container.tab-m\:pt-100 {
      padding-top: var(--etx-container-padding-v-100); } }
  @media screen and (min-width: 1000px) {
    .etx-container.tab-m\:pt-75 {
      padding-top: var(--etx-container-padding-v-75); } }
  @media screen and (min-width: 1000px) {
    .etx-container.tab-m\:pt-50 {
      padding-top: var(--etx-container-padding-v-50); } }
  @media screen and (min-width: 1000px) {
    .etx-container.tab-m\:pt-25 {
      padding-top: var(--etx-container-padding-v-25); } }
  @media screen and (min-width: 1000px) {
    .etx-container.tab-m\:pt-0 {
      padding-top: 0px; } }
  @media screen and (min-width: 1200px) {
    .etx-container.tab-l\:pt-200 {
      padding-top: var(--etx-container-padding-v-200); } }
  @media screen and (min-width: 1200px) {
    .etx-container.tab-l\:pt-100 {
      padding-top: var(--etx-container-padding-v-100); } }
  @media screen and (min-width: 1200px) {
    .etx-container.tab-l\:pt-75 {
      padding-top: var(--etx-container-padding-v-75); } }
  @media screen and (min-width: 1200px) {
    .etx-container.tab-l\:pt-50 {
      padding-top: var(--etx-container-padding-v-50); } }
  @media screen and (min-width: 1200px) {
    .etx-container.tab-l\:pt-25 {
      padding-top: var(--etx-container-padding-v-25); } }
  @media screen and (min-width: 1200px) {
    .etx-container.tab-l\:pt-0 {
      padding-top: 0px; } }
  @media screen and (min-width: 1500px) {
    .etx-container.desk-s\:pt-200 {
      padding-top: var(--etx-container-padding-v-200); } }
  @media screen and (min-width: 1500px) {
    .etx-container.desk-s\:pt-100 {
      padding-top: var(--etx-container-padding-v-100); } }
  @media screen and (min-width: 1500px) {
    .etx-container.desk-s\:pt-75 {
      padding-top: var(--etx-container-padding-v-75); } }
  @media screen and (min-width: 1500px) {
    .etx-container.desk-s\:pt-50 {
      padding-top: var(--etx-container-padding-v-50); } }
  @media screen and (min-width: 1500px) {
    .etx-container.desk-s\:pt-25 {
      padding-top: var(--etx-container-padding-v-25); } }
  @media screen and (min-width: 1500px) {
    .etx-container.desk-s\:pt-0 {
      padding-top: 0px; } }
  @media screen and (min-width: 1680px) {
    .etx-container.desk-m\:pt-200 {
      padding-top: var(--etx-container-padding-v-200); } }
  @media screen and (min-width: 1680px) {
    .etx-container.desk-m\:pt-100 {
      padding-top: var(--etx-container-padding-v-100); } }
  @media screen and (min-width: 1680px) {
    .etx-container.desk-m\:pt-75 {
      padding-top: var(--etx-container-padding-v-75); } }
  @media screen and (min-width: 1680px) {
    .etx-container.desk-m\:pt-50 {
      padding-top: var(--etx-container-padding-v-50); } }
  @media screen and (min-width: 1680px) {
    .etx-container.desk-m\:pt-25 {
      padding-top: var(--etx-container-padding-v-25); } }
  @media screen and (min-width: 1680px) {
    .etx-container.desk-m\:pt-0 {
      padding-top: 0px; } }
  @media screen and (min-width: 2000px) {
    .etx-container.desk-l\:pt-200 {
      padding-top: var(--etx-container-padding-v-200); } }
  @media screen and (min-width: 2000px) {
    .etx-container.desk-l\:pt-100 {
      padding-top: var(--etx-container-padding-v-100); } }
  @media screen and (min-width: 2000px) {
    .etx-container.desk-l\:pt-75 {
      padding-top: var(--etx-container-padding-v-75); } }
  @media screen and (min-width: 2000px) {
    .etx-container.desk-l\:pt-50 {
      padding-top: var(--etx-container-padding-v-50); } }
  @media screen and (min-width: 2000px) {
    .etx-container.desk-l\:pt-25 {
      padding-top: var(--etx-container-padding-v-25); } }
  @media screen and (min-width: 2000px) {
    .etx-container.desk-l\:pt-0 {
      padding-top: 0px; } }
  .etx-container.pb-200 {
    padding-bottom: var(--etx-container-padding-v-200); }
  .etx-container.pb-75 {
    padding-bottom: var(--etx-container-padding-v-75); }
  .etx-container.pb-50 {
    padding-bottom: var(--etx-container-padding-v-50); }
  .etx-container.pb-25 {
    padding-bottom: var(--etx-container-padding-v-25); }
  .etx-container.pb-0 {
    padding-bottom: 0px; }
  @media screen and (min-width: 480px) {
    .etx-container.mob-m\:pb-200 {
      padding-bottom: var(--etx-container-padding-v-200); } }
  @media screen and (min-width: 480px) {
    .etx-container.mob-m\:pb-100 {
      padding-bottom: var(--etx-container-padding-v-100); } }
  @media screen and (min-width: 480px) {
    .etx-container.mob-m\:pb-75 {
      padding-bottom: var(--etx-container-padding-v-75); } }
  @media screen and (min-width: 480px) {
    .etx-container.mob-m\:pb-50 {
      padding-bottom: var(--etx-container-padding-v-50); } }
  @media screen and (min-width: 480px) {
    .etx-container.mob-m\:pb-25 {
      padding-bottom: var(--etx-container-padding-v-25); } }
  @media screen and (min-width: 480px) {
    .etx-container.mob-m\:pb-0 {
      padding-bottom: 0px; } }
  @media screen and (min-width: 650px) {
    .etx-container.mob-l\:pb-200 {
      padding-bottom: var(--etx-container-padding-v-200); } }
  @media screen and (min-width: 650px) {
    .etx-container.mob-l\:pb-100 {
      padding-bottom: var(--etx-container-padding-v-100); } }
  @media screen and (min-width: 650px) {
    .etx-container.mob-l\:pb-75 {
      padding-bottom: var(--etx-container-padding-v-75); } }
  @media screen and (min-width: 650px) {
    .etx-container.mob-l\:pb-50 {
      padding-bottom: var(--etx-container-padding-v-50); } }
  @media screen and (min-width: 650px) {
    .etx-container.mob-l\:pb-25 {
      padding-bottom: var(--etx-container-padding-v-25); } }
  @media screen and (min-width: 650px) {
    .etx-container.mob-l\:pb-0 {
      padding-bottom: 0px; } }
  @media screen and (min-width: 768px) {
    .etx-container.tab-s\:pb-200 {
      padding-bottom: var(--etx-container-padding-v-200); } }
  @media screen and (min-width: 768px) {
    .etx-container.tab-s\:pb-100 {
      padding-bottom: var(--etx-container-padding-v-100); } }
  @media screen and (min-width: 768px) {
    .etx-container.tab-s\:pb-75 {
      padding-bottom: var(--etx-container-padding-v-75); } }
  @media screen and (min-width: 768px) {
    .etx-container.tab-s\:pb-50 {
      padding-bottom: var(--etx-container-padding-v-50); } }
  @media screen and (min-width: 768px) {
    .etx-container.tab-s\:pb-25 {
      padding-bottom: var(--etx-container-padding-v-25); } }
  @media screen and (min-width: 768px) {
    .etx-container.tab-s\:pb-0 {
      padding-bottom: 0px; } }
  @media screen and (min-width: 1000px) {
    .etx-container.tab-m\:pb-200 {
      padding-bottom: var(--etx-container-padding-v-200); } }
  @media screen and (min-width: 1000px) {
    .etx-container.tab-m\:pb-100 {
      padding-bottom: var(--etx-container-padding-v-100); } }
  @media screen and (min-width: 1000px) {
    .etx-container.tab-m\:pb-75 {
      padding-bottom: var(--etx-container-padding-v-75); } }
  @media screen and (min-width: 1000px) {
    .etx-container.tab-m\:pb-50 {
      padding-bottom: var(--etx-container-padding-v-50); } }
  @media screen and (min-width: 1000px) {
    .etx-container.tab-m\:pb-25 {
      padding-bottom: var(--etx-container-padding-v-25); } }
  @media screen and (min-width: 1000px) {
    .etx-container.tab-m\:pb-0 {
      padding-bottom: 0px; } }
  @media screen and (min-width: 1200px) {
    .etx-container.tab-l\:pb-200 {
      padding-bottom: var(--etx-container-padding-v-200); } }
  @media screen and (min-width: 1200px) {
    .etx-container.tab-l\:pb-100 {
      padding-bottom: var(--etx-container-padding-v-100); } }
  @media screen and (min-width: 1200px) {
    .etx-container.tab-l\:pb-75 {
      padding-bottom: var(--etx-container-padding-v-75); } }
  @media screen and (min-width: 1200px) {
    .etx-container.tab-l\:pb-50 {
      padding-bottom: var(--etx-container-padding-v-50); } }
  @media screen and (min-width: 1200px) {
    .etx-container.tab-l\:pb-25 {
      padding-bottom: var(--etx-container-padding-v-25); } }
  @media screen and (min-width: 1200px) {
    .etx-container.tab-l\:pb-0 {
      padding-bottom: 0px; } }
  @media screen and (min-width: 1500px) {
    .etx-container.desk-s\:pb-200 {
      padding-bottom: var(--etx-container-padding-v-200); } }
  @media screen and (min-width: 1500px) {
    .etx-container.desk-s\:pb-100 {
      padding-bottom: var(--etx-container-padding-v-100); } }
  @media screen and (min-width: 1500px) {
    .etx-container.desk-s\:pb-75 {
      padding-bottom: var(--etx-container-padding-v-75); } }
  @media screen and (min-width: 1500px) {
    .etx-container.desk-s\:pb-50 {
      padding-bottom: var(--etx-container-padding-v-50); } }
  @media screen and (min-width: 1500px) {
    .etx-container.desk-s\:pb-25 {
      padding-bottom: var(--etx-container-padding-v-25); } }
  @media screen and (min-width: 1500px) {
    .etx-container.desk-s\:pb-0 {
      padding-bottom: 0px; } }
  @media screen and (min-width: 1680px) {
    .etx-container.desk-m\:pb-200 {
      padding-bottom: var(--etx-container-padding-v-200); } }
  @media screen and (min-width: 1680px) {
    .etx-container.desk-m\:pb-100 {
      padding-bottom: var(--etx-container-padding-v-100); } }
  @media screen and (min-width: 1680px) {
    .etx-container.desk-m\:pb-75 {
      padding-bottom: var(--etx-container-padding-v-75); } }
  @media screen and (min-width: 1680px) {
    .etx-container.desk-m\:pb-50 {
      padding-bottom: var(--etx-container-padding-v-50); } }
  @media screen and (min-width: 1680px) {
    .etx-container.desk-m\:pb-25 {
      padding-bottom: var(--etx-container-padding-v-25); } }
  @media screen and (min-width: 1680px) {
    .etx-container.desk-m\:pb-0 {
      padding-bottom: 0px; } }
  @media screen and (min-width: 2000px) {
    .etx-container.desk-l\:pb-200 {
      padding-bottom: var(--etx-container-padding-v-200); } }
  @media screen and (min-width: 2000px) {
    .etx-container.desk-l\:pb-100 {
      padding-bottom: var(--etx-container-padding-v-100); } }
  @media screen and (min-width: 2000px) {
    .etx-container.desk-l\:pb-75 {
      padding-bottom: var(--etx-container-padding-v-75); } }
  @media screen and (min-width: 2000px) {
    .etx-container.desk-l\:pb-50 {
      padding-bottom: var(--etx-container-padding-v-50); } }
  @media screen and (min-width: 2000px) {
    .etx-container.desk-l\:pb-25 {
      padding-bottom: var(--etx-container-padding-v-25); } }
  @media screen and (min-width: 2000px) {
    .etx-container.desk-l\:pb-0 {
      padding-bottom: 0px; } }

.etx-center {
  flex: 1 1 auto;
  max-width: var(--etx-container-width-max);
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--etx-container-padding-h);
  padding-right: var(--etx-container-padding-h);
  box-sizing: content-box; }

.etx-spacer {
  position: relative;
  height: var(--etx-container-padding-v-100);
  /* Height */ }
  .etx-spacer.h-200 {
    height: var(--etx-container-padding-v-200); }
  .etx-spacer.h-75 {
    height: var(--etx-container-padding-v-75); }
  .etx-spacer.h-50 {
    height: var(--etx-container-padding-v-50); }
  .etx-spacer.h-25 {
    height: var(--etx-container-padding-v-25); }
  .etx-spacer.h-0 {
    height: 0px; }
  @media screen and (min-width: 480px) {
    .etx-spacer.mob-m\:h-200 {
      height: var(--etx-container-padding-v-200); } }
  @media screen and (min-width: 480px) {
    .etx-spacer.mob-m\:h-100 {
      height: var(--etx-container-padding-v-100); } }
  @media screen and (min-width: 480px) {
    .etx-spacer.mob-m\:h-75 {
      height: var(--etx-container-padding-v-75); } }
  @media screen and (min-width: 480px) {
    .etx-spacer.mob-m\:h-50 {
      height: var(--etx-container-padding-v-50); } }
  @media screen and (min-width: 480px) {
    .etx-spacer.mob-m\:h-25 {
      height: var(--etx-container-padding-v-25); } }
  @media screen and (min-width: 480px) {
    .etx-spacer.mob-m\:h-0 {
      height: 0px; } }
  @media screen and (min-width: 650px) {
    .etx-spacer.mob-l\:h-200 {
      height: var(--etx-container-padding-v-200); } }
  @media screen and (min-width: 650px) {
    .etx-spacer.mob-l\:h-100 {
      height: var(--etx-container-padding-v-100); } }
  @media screen and (min-width: 650px) {
    .etx-spacer.mob-l\:h-75 {
      height: var(--etx-container-padding-v-75); } }
  @media screen and (min-width: 650px) {
    .etx-spacer.mob-l\:h-50 {
      height: var(--etx-container-padding-v-50); } }
  @media screen and (min-width: 650px) {
    .etx-spacer.mob-l\:h-25 {
      height: var(--etx-container-padding-v-25); } }
  @media screen and (min-width: 650px) {
    .etx-spacer.mob-l\:h-0 {
      height: 0px; } }
  @media screen and (min-width: 768px) {
    .etx-spacer.tab-s\:h-200 {
      height: var(--etx-container-padding-v-200); } }
  @media screen and (min-width: 768px) {
    .etx-spacer.tab-s\:h-100 {
      height: var(--etx-container-padding-v-100); } }
  @media screen and (min-width: 768px) {
    .etx-spacer.tab-s\:h-75 {
      height: var(--etx-container-padding-v-75); } }
  @media screen and (min-width: 768px) {
    .etx-spacer.tab-s\:h-50 {
      height: var(--etx-container-padding-v-50); } }
  @media screen and (min-width: 768px) {
    .etx-spacer.tab-s\:h-25 {
      height: var(--etx-container-padding-v-25); } }
  @media screen and (min-width: 768px) {
    .etx-spacer.tab-s\:h-0 {
      height: 0px; } }
  @media screen and (min-width: 1000px) {
    .etx-spacer.tab-m\:h-200 {
      height: var(--etx-container-padding-v-200); } }
  @media screen and (min-width: 1000px) {
    .etx-spacer.tab-m\:h-100 {
      height: var(--etx-container-padding-v-100); } }
  @media screen and (min-width: 1000px) {
    .etx-spacer.tab-m\:h-75 {
      height: var(--etx-container-padding-v-75); } }
  @media screen and (min-width: 1000px) {
    .etx-spacer.tab-m\:h-50 {
      height: var(--etx-container-padding-v-50); } }
  @media screen and (min-width: 1000px) {
    .etx-spacer.tab-m\:h-25 {
      height: var(--etx-container-padding-v-25); } }
  @media screen and (min-width: 1000px) {
    .etx-spacer.tab-m\:h-0 {
      height: 0px; } }
  @media screen and (min-width: 1200px) {
    .etx-spacer.tab-l\:h-200 {
      height: var(--etx-container-padding-v-200); } }
  @media screen and (min-width: 1200px) {
    .etx-spacer.tab-l\:h-100 {
      height: var(--etx-container-padding-v-100); } }
  @media screen and (min-width: 1200px) {
    .etx-spacer.tab-l\:h-75 {
      height: var(--etx-container-padding-v-75); } }
  @media screen and (min-width: 1200px) {
    .etx-spacer.tab-l\:h-50 {
      height: var(--etx-container-padding-v-50); } }
  @media screen and (min-width: 1200px) {
    .etx-spacer.tab-l\:h-25 {
      height: var(--etx-container-padding-v-25); } }
  @media screen and (min-width: 1200px) {
    .etx-spacer.tab-l\:h-0 {
      height: 0px; } }
  @media screen and (min-width: 1500px) {
    .etx-spacer.desk-s\:h-200 {
      height: var(--etx-container-padding-v-200); } }
  @media screen and (min-width: 1500px) {
    .etx-spacer.desk-s\:h-100 {
      height: var(--etx-container-padding-v-100); } }
  @media screen and (min-width: 1500px) {
    .etx-spacer.desk-s\:h-75 {
      height: var(--etx-container-padding-v-75); } }
  @media screen and (min-width: 1500px) {
    .etx-spacer.desk-s\:h-50 {
      height: var(--etx-container-padding-v-50); } }
  @media screen and (min-width: 1500px) {
    .etx-spacer.desk-s\:h-25 {
      height: var(--etx-container-padding-v-25); } }
  @media screen and (min-width: 1500px) {
    .etx-spacer.desk-s\:h-0 {
      height: 0px; } }
  @media screen and (min-width: 1680px) {
    .etx-spacer.desk-m\:h-200 {
      height: var(--etx-container-padding-v-200); } }
  @media screen and (min-width: 1680px) {
    .etx-spacer.desk-m\:h-100 {
      height: var(--etx-container-padding-v-100); } }
  @media screen and (min-width: 1680px) {
    .etx-spacer.desk-m\:h-75 {
      height: var(--etx-container-padding-v-75); } }
  @media screen and (min-width: 1680px) {
    .etx-spacer.desk-m\:h-50 {
      height: var(--etx-container-padding-v-50); } }
  @media screen and (min-width: 1680px) {
    .etx-spacer.desk-m\:h-25 {
      height: var(--etx-container-padding-v-25); } }
  @media screen and (min-width: 1680px) {
    .etx-spacer.desk-m\:h-0 {
      height: 0px; } }
  @media screen and (min-width: 2000px) {
    .etx-spacer.desk-l\:h-200 {
      height: var(--etx-container-padding-v-200); } }
  @media screen and (min-width: 2000px) {
    .etx-spacer.desk-l\:h-100 {
      height: var(--etx-container-padding-v-100); } }
  @media screen and (min-width: 2000px) {
    .etx-spacer.desk-l\:h-75 {
      height: var(--etx-container-padding-v-75); } }
  @media screen and (min-width: 2000px) {
    .etx-spacer.desk-l\:h-50 {
      height: var(--etx-container-padding-v-50); } }
  @media screen and (min-width: 2000px) {
    .etx-spacer.desk-l\:h-25 {
      height: var(--etx-container-padding-v-25); } }
  @media screen and (min-width: 2000px) {
    .etx-spacer.desk-l\:h-0 {
      height: 0px; } }

.etx-flex {
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  display: flex;
  margin-right: calc(-1*var(--etx-flex-gutter-h));
  margin-top: calc(-1*var(--etx-flex-gutter-v));
  /* Consistent Sizing */
  /* Gutter Horizontal */
  /* Gutter Vertical */
  /* Align */
  /* Align Vertical */
  /* Wrap */ }
  .etx-flex.gutter-none {
    --etx-flex-gutter-h: 0px;
    --etx-flex-gutter-v: 0px; }
  .etx-flex.c-auto > .etx-flex-item {
    width: auto;
    margin-right: var(--etx-flex-gutter-h); }
  .etx-flex.c-1 > .etx-flex-item {
    width: calc((100%/var(--etx-flex-size) * 12) - var(--etx-flex-gutter-h));
    margin-right: var(--etx-flex-gutter-h); }
  .etx-flex.c-2 > .etx-flex-item {
    width: calc((100%/var(--etx-flex-size) * 6) - var(--etx-flex-gutter-h));
    margin-right: var(--etx-flex-gutter-h); }
  .etx-flex.c-3 > .etx-flex-item {
    width: calc((100%/var(--etx-flex-size) * 4) - var(--etx-flex-gutter-h));
    margin-right: var(--etx-flex-gutter-h); }
  .etx-flex.c-4 > .etx-flex-item {
    width: calc((100%/var(--etx-flex-size) * 3) - var(--etx-flex-gutter-h));
    margin-right: var(--etx-flex-gutter-h); }
  @media screen and (min-width: 480px) {
      .etx-flex.c-6 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 2) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  .etx-flex.c-12 > .etx-flex-item {
    width: calc((100%/var(--etx-flex-size) * 1) - var(--etx-flex-gutter-h));
    margin-right: var(--etx-flex-gutter-h); }
  @media screen and (min-width: 480px) {
      .etx-flex.mob-m\:c-auto > .etx-flex-item {
        width: auto;
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 480px) {
      .etx-flex.mob-m\:c-1 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 12) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 480px) {
      .etx-flex.mob-m\:c-2 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 6) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 480px) {
      .etx-flex.mob-m\:c-3 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 4) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 480px) {
      .etx-flex.mob-m\:c-4 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 3) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 480px) {
      .etx-flex.mob-m\:c-6 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 2) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 480px) {
      .etx-flex.mob-m\:c-12 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 1) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 650px) {
      .etx-flex.mob-l\:c-auto > .etx-flex-item {
        width: auto;
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 650px) {
      .etx-flex.mob-l\:c-1 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 12) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 650px) {
      .etx-flex.mob-l\:c-2 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 6) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 650px) {
      .etx-flex.mob-l\:c-3 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 4) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 650px) {
      .etx-flex.mob-l\:c-4 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 3) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 650px) {
      .etx-flex.mob-l\:c-6 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 2) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 650px) {
      .etx-flex.mob-l\:c-12 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 1) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 768px) {
      .etx-flex.tab-s\:c-auto > .etx-flex-item {
        width: auto;
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 768px) {
      .etx-flex.tab-s\:c-1 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 12) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 768px) {
      .etx-flex.tab-s\:c-2 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 6) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 768px) {
      .etx-flex.tab-s\:c-3 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 4) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 768px) {
      .etx-flex.tab-s\:c-4 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 3) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 768px) {
      .etx-flex.tab-s\:c-6 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 2) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 768px) {
      .etx-flex.tab-s\:c-12 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 1) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 1000px) {
      .etx-flex.tab-m\:c-auto > .etx-flex-item {
        width: auto;
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 1000px) {
      .etx-flex.tab-m\:c-1 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 12) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 1000px) {
      .etx-flex.tab-m\:c-2 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 6) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 1000px) {
      .etx-flex.tab-m\:c-3 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 4) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 1000px) {
      .etx-flex.tab-m\:c-4 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 3) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 1000px) {
      .etx-flex.tab-m\:c-6 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 2) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 1000px) {
      .etx-flex.tab-m\:c-12 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 1) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 1200px) {
      .etx-flex.tab-l\:c-auto > .etx-flex-item {
        width: auto;
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 1200px) {
      .etx-flex.tab-l\:c-1 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 12) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 1200px) {
      .etx-flex.tab-l\:c-2 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 6) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 1200px) {
      .etx-flex.tab-l\:c-3 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 4) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 1200px) {
      .etx-flex.tab-l\:c-4 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 3) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 1200px) {
      .etx-flex.tab-l\:c-6 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 2) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 1200px) {
      .etx-flex.tab-l\:c-12 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 1) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 1500px) {
      .etx-flex.desk-s\:c-auto > .etx-flex-item {
        width: auto;
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 1500px) {
      .etx-flex.desk-s\:c-1 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 12) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 1500px) {
      .etx-flex.desk-s\:c-2 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 6) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 1500px) {
      .etx-flex.desk-s\:c-3 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 4) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 1500px) {
      .etx-flex.desk-s\:c-4 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 3) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 1500px) {
      .etx-flex.desk-s\:c-6 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 2) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 1500px) {
      .etx-flex.desk-s\:c-12 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 1) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 1680px) {
      .etx-flex.desk-m\:c-auto > .etx-flex-item {
        width: auto;
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 1680px) {
      .etx-flex.desk-m\:c-1 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 12) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 1680px) {
      .etx-flex.desk-m\:c-2 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 6) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 1680px) {
      .etx-flex.desk-m\:c-3 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 4) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 1680px) {
      .etx-flex.desk-m\:c-4 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 3) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 1680px) {
      .etx-flex.desk-m\:c-6 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 2) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 1680px) {
      .etx-flex.desk-m\:c-12 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 1) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 2000px) {
      .etx-flex.desk-l\:c-auto > .etx-flex-item {
        width: auto;
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 2000px) {
      .etx-flex.desk-l\:c-1 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 12) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 2000px) {
      .etx-flex.desk-l\:c-2 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 6) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 2000px) {
      .etx-flex.desk-l\:c-3 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 4) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 2000px) {
      .etx-flex.desk-l\:c-4 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 3) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 2000px) {
      .etx-flex.desk-l\:c-6 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 2) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  @media screen and (min-width: 2000px) {
      .etx-flex.desk-l\:c-12 > .etx-flex-item {
        width: calc((100%/var(--etx-flex-size) * 1) - var(--etx-flex-gutter-h));
        margin-right: var(--etx-flex-gutter-h); } }
  .etx-flex.gh-200 {
    --etx-flex-gutter-h: var(--etx-flex-gutter-h-200); }
  .etx-flex.gh-75 {
    --etx-flex-gutter-h: var(--etx-flex-gutter-h-75); }
  .etx-flex.gh-50 {
    --etx-flex-gutter-h: var(--etx-flex-gutter-h-50); }
  .etx-flex.gh-25 {
    --etx-flex-gutter-h: var(--etx-flex-gutter-h-25); }
  .etx-flex.gh-0 {
    --etx-flex-gutter-h: 0px; }
  @media screen and (min-width: 480px) {
    .etx-flex.mob-m\:gh-200 {
      --etx-flex-gutter-h: var(--etx-flex-gutter-h-200); } }
  @media screen and (min-width: 480px) {
    .etx-flex.mob-m\:gh-100 {
      --etx-flex-gutter-h: var(--etx-flex-gutter-h-100); } }
  @media screen and (min-width: 480px) {
      .etx-flex.mob-m\:gh-75 > .etx-flex-item {
        --etx-flex-gutter-h: var(--etx-flex-gutter-h-75); } }
  @media screen and (min-width: 480px) {
    .etx-flex.mob-m\:gh-50 {
      --etx-flex-gutter-h: var(--etx-flex-gutter-h-50); } }
  @media screen and (min-width: 480px) {
    .etx-flex.mob-m\:gh-25 {
      --etx-flex-gutter-h: var(--etx-flex-gutter-h-25); } }
  @media screen and (min-width: 480px) {
    .etx-flex.mob-m\:gh-0 {
      --etx-flex-gutter-h: 0px; } }
  @media screen and (min-width: 650px) {
    .etx-flex.mob-l\:gh-200 {
      --etx-flex-gutter-h: var(--etx-flex-gutter-h-200); } }
  @media screen and (min-width: 650px) {
    .etx-flex.mob-l\:gh-100 {
      --etx-flex-gutter-h: var(--etx-flex-gutter-h-100); } }
  @media screen and (min-width: 650px) {
      .etx-flex.mob-l\:gh-75 > .etx-flex-item {
        --etx-flex-gutter-h: var(--etx-flex-gutter-h-75); } }
  @media screen and (min-width: 650px) {
    .etx-flex.mob-l\:gh-50 {
      --etx-flex-gutter-h: var(--etx-flex-gutter-h-50); } }
  @media screen and (min-width: 650px) {
    .etx-flex.mob-l\:gh-25 {
      --etx-flex-gutter-h: var(--etx-flex-gutter-h-25); } }
  @media screen and (min-width: 650px) {
    .etx-flex.mob-l\:gh-0 {
      --etx-flex-gutter-h: 0px; } }
  @media screen and (min-width: 768px) {
    .etx-flex.tab-s\:gh-200 {
      --etx-flex-gutter-h: var(--etx-flex-gutter-h-200); } }
  @media screen and (min-width: 768px) {
    .etx-flex.tab-s\:gh-100 {
      --etx-flex-gutter-h: var(--etx-flex-gutter-h-100); } }
  @media screen and (min-width: 768px) {
      .etx-flex.tab-s\:gh-75 > .etx-flex-item {
        --etx-flex-gutter-h: var(--etx-flex-gutter-h-75); } }
  @media screen and (min-width: 768px) {
    .etx-flex.tab-s\:gh-50 {
      --etx-flex-gutter-h: var(--etx-flex-gutter-h-50); } }
  @media screen and (min-width: 768px) {
    .etx-flex.tab-s\:gh-25 {
      --etx-flex-gutter-h: var(--etx-flex-gutter-h-25); } }
  @media screen and (min-width: 768px) {
    .etx-flex.tab-s\:gh-0 {
      --etx-flex-gutter-h: 0px; } }
  @media screen and (min-width: 1000px) {
    .etx-flex.tab-m\:gh-200 {
      --etx-flex-gutter-h: var(--etx-flex-gutter-h-200); } }
  @media screen and (min-width: 1000px) {
    .etx-flex.tab-m\:gh-100 {
      --etx-flex-gutter-h: var(--etx-flex-gutter-h-100); } }
  @media screen and (min-width: 1000px) {
      .etx-flex.tab-m\:gh-75 > .etx-flex-item {
        --etx-flex-gutter-h: var(--etx-flex-gutter-h-75); } }
  @media screen and (min-width: 1000px) {
    .etx-flex.tab-m\:gh-50 {
      --etx-flex-gutter-h: var(--etx-flex-gutter-h-50); } }
  @media screen and (min-width: 1000px) {
    .etx-flex.tab-m\:gh-25 {
      --etx-flex-gutter-h: var(--etx-flex-gutter-h-25); } }
  @media screen and (min-width: 1000px) {
    .etx-flex.tab-m\:gh-0 {
      --etx-flex-gutter-h: 0px; } }
  @media screen and (min-width: 1200px) {
    .etx-flex.tab-l\:gh-100 {
      --etx-flex-gutter-h: var(--etx-flex-gutter-h-100); } }
  @media screen and (min-width: 1200px) {
      .etx-flex.tab-l\:gh-75 > .etx-flex-item {
        --etx-flex-gutter-h: var(--etx-flex-gutter-h-75); } }
  @media screen and (min-width: 1200px) {
    .etx-flex.tab-l\:gh-50 {
      --etx-flex-gutter-h: var(--etx-flex-gutter-h-50); } }
  @media screen and (min-width: 1200px) {
    .etx-flex.tab-l\:gh-25 {
      --etx-flex-gutter-h: var(--etx-flex-gutter-h-25); } }
  @media screen and (min-width: 1200px) {
    .etx-flex.tab-l\:gh-0 {
      --etx-flex-gutter-h: 0px; } }
  @media screen and (min-width: 1500px) {
    .etx-flex.desk-s\:gh-200 {
      --etx-flex-gutter-h: var(--etx-flex-gutter-h-200); } }
  @media screen and (min-width: 1500px) {
    .etx-flex.desk-s\:gh-100 {
      --etx-flex-gutter-h: var(--etx-flex-gutter-h-100); } }
  @media screen and (min-width: 1500px) {
      .etx-flex.desk-s\:gh-75 > .etx-flex-item {
        --etx-flex-gutter-h: var(--etx-flex-gutter-h-75); } }
  @media screen and (min-width: 1500px) {
    .etx-flex.desk-s\:gh-50 {
      --etx-flex-gutter-h: var(--etx-flex-gutter-h-50); } }
  @media screen and (min-width: 1500px) {
    .etx-flex.desk-s\:gh-25 {
      --etx-flex-gutter-h: var(--etx-flex-gutter-h-25); } }
  @media screen and (min-width: 1500px) {
    .etx-flex.desk-s\:gh-0 {
      --etx-flex-gutter-h: 0px; } }
  @media screen and (min-width: 1680px) {
    .etx-flex.desk-m\:gh-200 {
      --etx-flex-gutter-h: var(--etx-flex-gutter-h-200); } }
  @media screen and (min-width: 1680px) {
    .etx-flex.desk-m\:gh-100 {
      --etx-flex-gutter-h: var(--etx-flex-gutter-h-100); } }
  @media screen and (min-width: 1680px) {
      .etx-flex.desk-m\:gh-75 > .etx-flex-item {
        --etx-flex-gutter-h: var(--etx-flex-gutter-h-75); } }
  @media screen and (min-width: 1680px) {
    .etx-flex.desk-m\:gh-50 {
      --etx-flex-gutter-h: var(--etx-flex-gutter-h-50); } }
  @media screen and (min-width: 1680px) {
    .etx-flex.desk-m\:gh-25 {
      --etx-flex-gutter-h: var(--etx-flex-gutter-h-25); } }
  @media screen and (min-width: 1680px) {
    .etx-flex.desk-m\:gh-0 {
      --etx-flex-gutter-h: 0px; } }
  @media screen and (min-width: 2000px) {
    .etx-flex.desk-l\:gh-200 {
      --etx-flex-gutter-h: var(--etx-flex-gutter-h-200); } }
  @media screen and (min-width: 2000px) {
    .etx-flex.desk-l\:gh-100 {
      --etx-flex-gutter-h: var(--etx-flex-gutter-h-100); } }
  @media screen and (min-width: 2000px) {
      .etx-flex.desk-l\:gh-75 > .etx-flex-item {
        --etx-flex-gutter-h: var(--etx-flex-gutter-h-75); } }
  @media screen and (min-width: 2000px) {
    .etx-flex.desk-l\:gh-50 {
      --etx-flex-gutter-h: var(--etx-flex-gutter-h-50); } }
  @media screen and (min-width: 2000px) {
    .etx-flex.desk-l\:gh-25 {
      --etx-flex-gutter-h: var(--etx-flex-gutter-h-25); } }
  @media screen and (min-width: 2000px) {
    .etx-flex.desk-l\:gh-0 {
      --etx-flex-gutter-h: 0px; } }
  .etx-flex.gv-200 {
    --etx-flex-gutter-v: var(--etx-flex-gutter-v-200); }
  .etx-flex.gv-75 {
    --etx-flex-gutter-v: var(--etx-flex-gutter-v-75); }
  .etx-flex.gv-50 {
    --etx-flex-gutter-v: var(--etx-flex-gutter-v-50); }
  .etx-flex.gv-25 {
    --etx-flex-gutter-v: var(--etx-flex-gutter-v-25); }
  .etx-flex.gv-0 {
    --etx-flex-gutter-v: 0px; }
  @media screen and (min-width: 480px) {
    .etx-flex.mob-m\:gv-200 {
      --etx-flex-gutter-v: var(--etx-flex-gutter-v-200); } }
  @media screen and (min-width: 480px) {
    .etx-flex.mob-m\:gv-100 {
      --etx-flex-gutter-v: var(--etx-flex-gutter-v-100); } }
  @media screen and (min-width: 480px) {
      .etx-flex.mob-m\:gv-75 > .etx-flex-item {
        --etx-flex-gutter-v: var(--etx-flex-gutter-v-75); } }
  @media screen and (min-width: 480px) {
    .etx-flex.mob-m\:gv-50 {
      --etx-flex-gutter-v: var(--etx-flex-gutter-v-50); } }
  @media screen and (min-width: 480px) {
    .etx-flex.mob-m\:gv-25 {
      --etx-flex-gutter-v: var(--etx-flex-gutter-v-25); } }
  @media screen and (min-width: 480px) {
    .etx-flex.mob-m\:gv-0 {
      --etx-flex-gutter-v: 0px; } }
  @media screen and (min-width: 650px) {
    .etx-flex.mob-l\:gv-200 {
      --etx-flex-gutter-v: var(--etx-flex-gutter-v-200); } }
  @media screen and (min-width: 650px) {
    .etx-flex.mob-l\:gv-100 {
      --etx-flex-gutter-v: var(--etx-flex-gutter-v-100); } }
  @media screen and (min-width: 650px) {
      .etx-flex.mob-l\:gv-75 > .etx-flex-item {
        --etx-flex-gutter-v: var(--etx-flex-gutter-v-75); } }
  @media screen and (min-width: 650px) {
    .etx-flex.mob-l\:gv-50 {
      --etx-flex-gutter-v: var(--etx-flex-gutter-v-50); } }
  @media screen and (min-width: 650px) {
    .etx-flex.mob-l\:gv-25 {
      --etx-flex-gutter-v: var(--etx-flex-gutter-v-25); } }
  @media screen and (min-width: 650px) {
    .etx-flex.mob-l\:gv-0 {
      --etx-flex-gutter-v: 0px; } }
  @media screen and (min-width: 768px) {
    .etx-flex.tab-s\:gv-200 {
      --etx-flex-gutter-v: var(--etx-flex-gutter-v-200); } }
  @media screen and (min-width: 768px) {
    .etx-flex.tab-s\:gv-100 {
      --etx-flex-gutter-v: var(--etx-flex-gutter-v-100); } }
  @media screen and (min-width: 768px) {
      .etx-flex.tab-s\:gv-75 > .etx-flex-item {
        --etx-flex-gutter-v: var(--etx-flex-gutter-v-75); } }
  @media screen and (min-width: 768px) {
    .etx-flex.tab-s\:gv-50 {
      --etx-flex-gutter-v: var(--etx-flex-gutter-v-50); } }
  @media screen and (min-width: 768px) {
    .etx-flex.tab-s\:gv-25 {
      --etx-flex-gutter-v: var(--etx-flex-gutter-v-25); } }
  @media screen and (min-width: 768px) {
    .etx-flex.tab-s\:gv-0 {
      --etx-flex-gutter-v: 0px; } }
  @media screen and (min-width: 1000px) {
    .etx-flex.tab-m\:gv-200 {
      --etx-flex-gutter-v: var(--etx-flex-gutter-v-200); } }
  @media screen and (min-width: 1000px) {
    .etx-flex.tab-m\:gv-100 {
      --etx-flex-gutter-v: var(--etx-flex-gutter-v-100); } }
  @media screen and (min-width: 1000px) {
      .etx-flex.tab-m\:gv-75 > .etx-flex-item {
        --etx-flex-gutter-v: var(--etx-flex-gutter-v-75); } }
  @media screen and (min-width: 1000px) {
    .etx-flex.tab-m\:gv-50 {
      --etx-flex-gutter-v: var(--etx-flex-gutter-v-50); } }
  @media screen and (min-width: 1000px) {
    .etx-flex.tab-m\:gv-25 {
      --etx-flex-gutter-v: var(--etx-flex-gutter-v-25); } }
  @media screen and (min-width: 1000px) {
    .etx-flex.tab-m\:gv-0 {
      --etx-flex-gutter-v: 0px; } }
  @media screen and (min-width: 1200px) {
    .etx-flex.tab-l\:gv-100 {
      --etx-flex-gutter-v: var(--etx-flex-gutter-v-100); } }
  @media screen and (min-width: 1200px) {
      .etx-flex.tab-l\:gv-75 > .etx-flex-item {
        --etx-flex-gutter-v: var(--etx-flex-gutter-v-75); } }
  @media screen and (min-width: 1200px) {
    .etx-flex.tab-l\:gv-50 {
      --etx-flex-gutter-v: var(--etx-flex-gutter-v-50); } }
  @media screen and (min-width: 1200px) {
    .etx-flex.tab-l\:gv-25 {
      --etx-flex-gutter-v: var(--etx-flex-gutter-v-25); } }
  @media screen and (min-width: 1200px) {
    .etx-flex.tab-l\:gv-0 {
      --etx-flex-gutter-v: 0px; } }
  @media screen and (min-width: 1500px) {
    .etx-flex.desk-s\:gv-200 {
      --etx-flex-gutter-v: var(--etx-flex-gutter-v-200); } }
  @media screen and (min-width: 1500px) {
    .etx-flex.desk-s\:gv-100 {
      --etx-flex-gutter-v: var(--etx-flex-gutter-v-100); } }
  @media screen and (min-width: 1500px) {
      .etx-flex.desk-s\:gv-75 > .etx-flex-item {
        --etx-flex-gutter-v: var(--etx-flex-gutter-v-75); } }
  @media screen and (min-width: 1500px) {
    .etx-flex.desk-s\:gv-50 {
      --etx-flex-gutter-v: var(--etx-flex-gutter-v-50); } }
  @media screen and (min-width: 1500px) {
    .etx-flex.desk-s\:gv-25 {
      --etx-flex-gutter-v: var(--etx-flex-gutter-v-25); } }
  @media screen and (min-width: 1500px) {
    .etx-flex.desk-s\:gv-0 {
      --etx-flex-gutter-v: 0px; } }
  @media screen and (min-width: 1680px) {
    .etx-flex.desk-m\:gv-200 {
      --etx-flex-gutter-v: var(--etx-flex-gutter-v-200); } }
  @media screen and (min-width: 1680px) {
    .etx-flex.desk-m\:gv-100 {
      --etx-flex-gutter-v: var(--etx-flex-gutter-v-100); } }
  @media screen and (min-width: 1680px) {
      .etx-flex.desk-m\:gv-75 > .etx-flex-item {
        --etx-flex-gutter-v: var(--etx-flex-gutter-v-75); } }
  @media screen and (min-width: 1680px) {
    .etx-flex.desk-m\:gv-50 {
      --etx-flex-gutter-v: var(--etx-flex-gutter-v-50); } }
  @media screen and (min-width: 1680px) {
    .etx-flex.desk-m\:gv-25 {
      --etx-flex-gutter-v: var(--etx-flex-gutter-v-25); } }
  @media screen and (min-width: 1680px) {
    .etx-flex.desk-m\:gv-0 {
      --etx-flex-gutter-v: 0px; } }
  @media screen and (min-width: 2000px) {
    .etx-flex.desk-l\:gv-200 {
      --etx-flex-gutter-v: var(--etx-flex-gutter-v-200); } }
  @media screen and (min-width: 2000px) {
    .etx-flex.desk-l\:gv-100 {
      --etx-flex-gutter-v: var(--etx-flex-gutter-v-100); } }
  @media screen and (min-width: 2000px) {
      .etx-flex.desk-l\:gv-75 > .etx-flex-item {
        --etx-flex-gutter-v: var(--etx-flex-gutter-v-75); } }
  @media screen and (min-width: 2000px) {
    .etx-flex.desk-l\:gv-50 {
      --etx-flex-gutter-v: var(--etx-flex-gutter-v-50); } }
  @media screen and (min-width: 2000px) {
    .etx-flex.desk-l\:gv-25 {
      --etx-flex-gutter-v: var(--etx-flex-gutter-v-25); } }
  @media screen and (min-width: 2000px) {
    .etx-flex.desk-l\:gv-0 {
      --etx-flex-gutter-v: 0px; } }
  .etx-flex.a-left {
    justify-content: flex-start; }
  .etx-flex.a-center {
    justify-content: center; }
  .etx-flex.a-right {
    justify-content: flex-end; }
  @media screen and (min-width: 480px) {
    .etx-flex.mob-m\:a-left {
      justify-content: flex-start; } }
  @media screen and (min-width: 480px) {
    .etx-flex.mob-m\:a-center {
      justify-content: center; } }
  @media screen and (min-width: 480px) {
    .etx-flex.mob-m\:a-right {
      justify-content: flex-end; } }
  @media screen and (min-width: 650px) {
    .etx-flex.mob-l\:a-left {
      justify-content: flex-start; } }
  @media screen and (min-width: 650px) {
    .etx-flex.mob-l\:a-center {
      justify-content: center; } }
  @media screen and (min-width: 650px) {
    .etx-flex.mob-l\:a-right {
      justify-content: flex-end; } }
  @media screen and (min-width: 768px) {
    .etx-flex.tab-s\:a-left {
      justify-content: flex-start; } }
  @media screen and (min-width: 768px) {
    .etx-flex.tab-s\:a-center {
      justify-content: center; } }
  @media screen and (min-width: 768px) {
    .etx-flex.tab-s\:a-right {
      justify-content: flex-end; } }
  @media screen and (min-width: 1000px) {
    .etx-flex.tab-m\:a-left {
      justify-content: flex-start; } }
  @media screen and (min-width: 1000px) {
    .etx-flex.tab-m\:a-center {
      justify-content: center; } }
  @media screen and (min-width: 1000px) {
    .etx-flex.tab-m\:a-right {
      justify-content: flex-end; } }
  @media screen and (min-width: 1200px) {
    .etx-flex.tab-l\:a-left {
      justify-content: flex-start; } }
  @media screen and (min-width: 1200px) {
    .etx-flex.tab-l\:a-center {
      justify-content: center; } }
  @media screen and (min-width: 1200px) {
    .etx-flex.tab-l\:a-right {
      justify-content: flex-end; } }
  @media screen and (min-width: 1500px) {
    .etx-flex.desk-s\:a-left {
      justify-content: flex-start; } }
  @media screen and (min-width: 1500px) {
    .etx-flex.desk-s\:a-center {
      justify-content: center; } }
  @media screen and (min-width: 1500px) {
    .etx-flex.desk-s\:a-right {
      justify-content: flex-end; } }
  @media screen and (min-width: 1680px) {
    .etx-flex.desk-m\:a-left {
      justify-content: flex-start; } }
  @media screen and (min-width: 1680px) {
    .etx-flex.desk-m\:a-center {
      justify-content: center; } }
  @media screen and (min-width: 1680px) {
    .etx-flex.desk-m\:a-right {
      justify-content: flex-end; } }
  @media screen and (min-width: 2000px) {
    .etx-flex.desk-l\:a-left {
      justify-content: flex-start; } }
  @media screen and (min-width: 2000px) {
    .etx-flex.desk-l\:a-center {
      justify-content: center; } }
  @media screen and (min-width: 2000px) {
    .etx-flex.desk-l\:a-right {
      justify-content: flex-end; } }
  .etx-flex.av-top {
    align-items: flex-start; }
  .etx-flex.av-center {
    align-items: center; }
  .etx-flex.av-stretch {
    align-items: stretch; }
  .etx-flex.av-bottom {
    align-items: flex-end; }
  @media screen and (min-width: 480px) {
    .etx-flex.mob-m\:av-top {
      align-items: flex-start; } }
  @media screen and (min-width: 480px) {
    .etx-flex.mob-m\:av-center {
      align-items: center; } }
  @media screen and (min-width: 480px) {
    .etx-flex.mob-m\:av-stretch {
      align-items: stretch; } }
  @media screen and (min-width: 480px) {
    .etx-flex.mob-m\:av-bottom {
      align-items: flex-end; } }
  @media screen and (min-width: 650px) {
    .etx-flex.mob-l\:av-top {
      align-items: flex-start; } }
  @media screen and (min-width: 650px) {
    .etx-flex.mob-l\:av-center {
      align-items: center; } }
  @media screen and (min-width: 650px) {
    .etx-flex.mob-l\:av-stretch {
      align-items: stretch; } }
  @media screen and (min-width: 650px) {
    .etx-flex.mob-l\:av-bottom {
      align-items: flex-end; } }
  @media screen and (min-width: 768px) {
    .etx-flex.tab-s\:av-top {
      align-items: flex-start; } }
  @media screen and (min-width: 768px) {
    .etx-flex.tab-s\:av-center {
      align-items: center; } }
  @media screen and (min-width: 768px) {
    .etx-flex.tab-s\:av-stretch {
      align-items: stretch; } }
  @media screen and (min-width: 768px) {
    .etx-flex.tab-s\:av-bottom {
      align-items: flex-end; } }
  @media screen and (min-width: 1000px) {
    .etx-flex.tab-m\:av-top {
      align-items: flex-start; } }
  @media screen and (min-width: 1000px) {
    .etx-flex.tab-m\:av-center {
      align-items: center; } }
  @media screen and (min-width: 1000px) {
    .etx-flex.tab-m\:av-stretch {
      align-items: stretch; } }
  @media screen and (min-width: 1000px) {
    .etx-flex.tab-m\:av-bottom {
      align-items: flex-end; } }
  @media screen and (min-width: 1200px) {
    .etx-flex.tab-l\:av-top {
      align-items: flex-start; } }
  @media screen and (min-width: 1200px) {
    .etx-flex.tab-l\:av-center {
      align-items: center; } }
  @media screen and (min-width: 1200px) {
    .etx-flex.tab-l\:av-stretch {
      align-items: stretch; } }
  @media screen and (min-width: 1200px) {
    .etx-flex.tab-l\:av-bottom {
      align-items: flex-end; } }
  @media screen and (min-width: 1500px) {
    .etx-flex.desk-s\:av-top {
      align-items: flex-start; } }
  @media screen and (min-width: 1500px) {
    .etx-flex.desk-s\:av-center {
      align-items: center; } }
  @media screen and (min-width: 1500px) {
    .etx-flex.desk-s\:av-stretch {
      align-items: stretch; } }
  @media screen and (min-width: 1500px) {
    .etx-flex.desk-s\:av-bottom {
      align-items: flex-end; } }
  @media screen and (min-width: 1680px) {
    .etx-flex.desk-m\:av-top {
      align-items: flex-start; } }
  @media screen and (min-width: 1680px) {
    .etx-flex.desk-m\:av-center {
      align-items: center; } }
  @media screen and (min-width: 1680px) {
    .etx-flex.desk-m\:av-stretch {
      align-items: stretch; } }
  @media screen and (min-width: 1680px) {
    .etx-flex.desk-m\:av-bottom {
      align-items: flex-end; } }
  @media screen and (min-width: 2000px) {
    .etx-flex.desk-l\:av-top {
      align-items: flex-start; } }
  @media screen and (min-width: 2000px) {
    .etx-flex.desk-l\:av-center {
      align-items: center; } }
  @media screen and (min-width: 2000px) {
    .etx-flex.desk-l\:av-stretch {
      align-items: stretch; } }
  @media screen and (min-width: 2000px) {
    .etx-flex.desk-l\:av-bottom {
      align-items: flex-end; } }
  .etx-flex.nowrap {
    flex-wrap: nowrap; }
  @media screen and (min-width: 480px) {
    .etx-flex.mob-m\:wrap {
      flex-wrap: wrap; } }
  @media screen and (min-width: 480px) {
    .etx-flex.mob-m\:nowrap {
      flex-wrap: nowrap; } }
  @media screen and (min-width: 650px) {
    .etx-flex.mob-l\:wrap {
      flex-wrap: wrap; } }
  @media screen and (min-width: 650px) {
    .etx-flex.mob-l\:nowrap {
      flex-wrap: nowrap; } }
  @media screen and (min-width: 768px) {
    .etx-flex.tab-s\:wrap {
      flex-wrap: wrap; } }
  @media screen and (min-width: 768px) {
    .etx-flex.tab-s\:nowrap {
      flex-wrap: nowrap; } }
  @media screen and (min-width: 1000px) {
    .etx-flex.tab-m\:wrap {
      flex-wrap: wrap; } }
  @media screen and (min-width: 1000px) {
    .etx-flex.tab-m\:nowrap {
      flex-wrap: nowrap; } }
  @media screen and (min-width: 1200px) {
    .etx-flex.tab-l\:wrap {
      flex-wrap: wrap; } }
  @media screen and (min-width: 1200px) {
    .etx-flex.tab-l\:nowrap {
      flex-wrap: nowrap; } }
  @media screen and (min-width: 1500px) {
    .etx-flex.desk-s\:wrap {
      flex-wrap: wrap; } }
  @media screen and (min-width: 1500px) {
    .etx-flex.desk-s\:nowrap {
      flex-wrap: nowrap; } }
  @media screen and (min-width: 1680px) {
    .etx-flex.desk-m\:wrap {
      flex-wrap: wrap; } }
  @media screen and (min-width: 1680px) {
    .etx-flex.desk-m\:nowrap {
      flex-wrap: nowrap; } }
  @media screen and (min-width: 2000px) {
    .etx-flex.desk-l\:wrap {
      flex-wrap: wrap; } }
  @media screen and (min-width: 2000px) {
    .etx-flex.desk-l\:nowrap {
      flex-wrap: nowrap; } }
  .etx-flex > .etx-flex-item {
    flex: 0 1 auto;
    width: 100%;
    position: relative;
    margin-right: var(--etx-flex-gutter-h);
    margin-top: var(--etx-flex-gutter-v);
    /* Individual Sizing */
    /* Margin Left */
    /* Margin Right */
    /* Grow */
    /* Shrink */
    /* Order */ }
    .etx-flex > .etx-flex-item.c-0 {
      width: calc((100%/var(--etx-flex-size) * 0) - var(--etx-flex-gutter-h));
      margin-right: 0px;
      margin-top: 0px; }
    .etx-flex > .etx-flex-item.c-1 {
      width: calc((100%/var(--etx-flex-size) * 1) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); }
    .etx-flex > .etx-flex-item.c-2 {
      width: calc((100%/var(--etx-flex-size) * 2) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); }
    .etx-flex > .etx-flex-item.c-3 {
      width: calc((100%/var(--etx-flex-size) * 3) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); }
    .etx-flex > .etx-flex-item.c-4 {
      width: calc((100%/var(--etx-flex-size) * 4) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); }
    .etx-flex > .etx-flex-item.c-5 {
      width: calc((100%/var(--etx-flex-size) * 5) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); }
    .etx-flex > .etx-flex-item.c-6 {
      width: calc((100%/var(--etx-flex-size) * 6) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); }
    .etx-flex > .etx-flex-item.c-7 {
      width: calc((100%/var(--etx-flex-size) * 7) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); }
    .etx-flex > .etx-flex-item.c-8 {
      width: calc((100%/var(--etx-flex-size) * 8) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); }
    .etx-flex > .etx-flex-item.c-9 {
      width: calc((100%/var(--etx-flex-size) * 9) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); }
    .etx-flex > .etx-flex-item.c-10 {
      width: calc((100%/var(--etx-flex-size) * 10) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); }
    .etx-flex > .etx-flex-item.c-11 {
      width: calc((100%/var(--etx-flex-size) * 11) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); }
    .etx-flex > .etx-flex-item.c-12 {
      width: calc((100%/var(--etx-flex-size) * 12) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m\:c-0 {
      width: calc((100%/var(--etx-flex-size) * 0) - var(--etx-flex-gutter-h));
      margin-right: 0px;
      margin-top: 0px; } }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m\:c-1 {
      width: calc((100%/var(--etx-flex-size) * 1) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m\:c-2 {
      width: calc((100%/var(--etx-flex-size) * 2) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m\:c-3 {
      width: calc((100%/var(--etx-flex-size) * 3) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m\:c-4 {
      width: calc((100%/var(--etx-flex-size) * 4) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m\:c-5 {
      width: calc((100%/var(--etx-flex-size) * 5) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m\:c-6 {
      width: calc((100%/var(--etx-flex-size) * 6) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m\:c-7 {
      width: calc((100%/var(--etx-flex-size) * 7) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m\:c-8 {
      width: calc((100%/var(--etx-flex-size) * 8) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m\:c-9 {
      width: calc((100%/var(--etx-flex-size) * 9) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m\:c-10 {
      width: calc((100%/var(--etx-flex-size) * 10) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m\:c-11 {
      width: calc((100%/var(--etx-flex-size) * 11) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m\:c-12 {
      width: calc((100%/var(--etx-flex-size) * 12) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l\:c-0 {
      width: calc((100%/var(--etx-flex-size) * 0) - var(--etx-flex-gutter-h));
      margin-right: 0px;
      margin-top: 0px; } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l\:c-1 {
      width: calc((100%/var(--etx-flex-size) * 1) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l\:c-2 {
      width: calc((100%/var(--etx-flex-size) * 2) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l\:c-3 {
      width: calc((100%/var(--etx-flex-size) * 3) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l\:c-4 {
      width: calc((100%/var(--etx-flex-size) * 4) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l\:c-5 {
      width: calc((100%/var(--etx-flex-size) * 5) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l\:c-6 {
      width: calc((100%/var(--etx-flex-size) * 6) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l\:c-7 {
      width: calc((100%/var(--etx-flex-size) * 7) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l\:c-8 {
      width: calc((100%/var(--etx-flex-size) * 8) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l\:c-9 {
      width: calc((100%/var(--etx-flex-size) * 9) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l\:c-10 {
      width: calc((100%/var(--etx-flex-size) * 10) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l\:c-11 {
      width: calc((100%/var(--etx-flex-size) * 11) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l\:c-12 {
      width: calc((100%/var(--etx-flex-size) * 12) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s\:c-0 {
      width: calc((100%/var(--etx-flex-size) * 0) - var(--etx-flex-gutter-h));
      margin-right: 0px;
      margin-top: 0px; } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s\:c-1 {
      width: calc((100%/var(--etx-flex-size) * 1) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s\:c-2 {
      width: calc((100%/var(--etx-flex-size) * 2) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s\:c-3 {
      width: calc((100%/var(--etx-flex-size) * 3) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s\:c-4 {
      width: calc((100%/var(--etx-flex-size) * 4) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s\:c-5 {
      width: calc((100%/var(--etx-flex-size) * 5) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s\:c-6 {
      width: calc((100%/var(--etx-flex-size) * 6) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s\:c-7 {
      width: calc((100%/var(--etx-flex-size) * 7) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s\:c-8 {
      width: calc((100%/var(--etx-flex-size) * 8) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s\:c-9 {
      width: calc((100%/var(--etx-flex-size) * 9) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s\:c-10 {
      width: calc((100%/var(--etx-flex-size) * 10) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s\:c-11 {
      width: calc((100%/var(--etx-flex-size) * 11) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s\:c-12 {
      width: calc((100%/var(--etx-flex-size) * 12) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m\:c-0 {
      width: calc((100%/var(--etx-flex-size) * 0) - var(--etx-flex-gutter-h));
      margin-right: 0px;
      margin-top: 0px; } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m\:c-1 {
      width: calc((100%/var(--etx-flex-size) * 1) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m\:c-2 {
      width: calc((100%/var(--etx-flex-size) * 2) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m\:c-3 {
      width: calc((100%/var(--etx-flex-size) * 3) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m\:c-4 {
      width: calc((100%/var(--etx-flex-size) * 4) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m\:c-5 {
      width: calc((100%/var(--etx-flex-size) * 5) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m\:c-6 {
      width: calc((100%/var(--etx-flex-size) * 6) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m\:c-7 {
      width: calc((100%/var(--etx-flex-size) * 7) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m\:c-8 {
      width: calc((100%/var(--etx-flex-size) * 8) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m\:c-9 {
      width: calc((100%/var(--etx-flex-size) * 9) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m\:c-10 {
      width: calc((100%/var(--etx-flex-size) * 10) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m\:c-11 {
      width: calc((100%/var(--etx-flex-size) * 11) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m\:c-12 {
      width: calc((100%/var(--etx-flex-size) * 12) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l\:c-0 {
      width: calc((100%/var(--etx-flex-size) * 0) - var(--etx-flex-gutter-h));
      margin-right: 0px;
      margin-top: 0px; } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l\:c-1 {
      width: calc((100%/var(--etx-flex-size) * 1) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l\:c-2 {
      width: calc((100%/var(--etx-flex-size) * 2) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l\:c-3 {
      width: calc((100%/var(--etx-flex-size) * 3) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l\:c-4 {
      width: calc((100%/var(--etx-flex-size) * 4) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l\:c-5 {
      width: calc((100%/var(--etx-flex-size) * 5) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l\:c-6 {
      width: calc((100%/var(--etx-flex-size) * 6) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l\:c-7 {
      width: calc((100%/var(--etx-flex-size) * 7) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l\:c-8 {
      width: calc((100%/var(--etx-flex-size) * 8) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l\:c-9 {
      width: calc((100%/var(--etx-flex-size) * 9) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l\:c-10 {
      width: calc((100%/var(--etx-flex-size) * 10) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l\:c-11 {
      width: calc((100%/var(--etx-flex-size) * 11) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l\:c-12 {
      width: calc((100%/var(--etx-flex-size) * 12) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s\:c-0 {
      width: calc((100%/var(--etx-flex-size) * 0) - var(--etx-flex-gutter-h));
      margin-right: 0px;
      margin-top: 0px; } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s\:c-1 {
      width: calc((100%/var(--etx-flex-size) * 1) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s\:c-2 {
      width: calc((100%/var(--etx-flex-size) * 2) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s\:c-3 {
      width: calc((100%/var(--etx-flex-size) * 3) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s\:c-4 {
      width: calc((100%/var(--etx-flex-size) * 4) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s\:c-5 {
      width: calc((100%/var(--etx-flex-size) * 5) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s\:c-6 {
      width: calc((100%/var(--etx-flex-size) * 6) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s\:c-7 {
      width: calc((100%/var(--etx-flex-size) * 7) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s\:c-8 {
      width: calc((100%/var(--etx-flex-size) * 8) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s\:c-9 {
      width: calc((100%/var(--etx-flex-size) * 9) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s\:c-10 {
      width: calc((100%/var(--etx-flex-size) * 10) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s\:c-11 {
      width: calc((100%/var(--etx-flex-size) * 11) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s\:c-12 {
      width: calc((100%/var(--etx-flex-size) * 12) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m\:c-0 {
      width: calc((100%/var(--etx-flex-size) * 0) - var(--etx-flex-gutter-h));
      margin-right: 0px;
      margin-top: 0px; } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m\:c-1 {
      width: calc((100%/var(--etx-flex-size) * 1) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m\:c-2 {
      width: calc((100%/var(--etx-flex-size) * 2) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m\:c-3 {
      width: calc((100%/var(--etx-flex-size) * 3) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m\:c-4 {
      width: calc((100%/var(--etx-flex-size) * 4) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m\:c-5 {
      width: calc((100%/var(--etx-flex-size) * 5) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m\:c-6 {
      width: calc((100%/var(--etx-flex-size) * 6) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m\:c-7 {
      width: calc((100%/var(--etx-flex-size) * 7) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m\:c-8 {
      width: calc((100%/var(--etx-flex-size) * 8) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m\:c-9 {
      width: calc((100%/var(--etx-flex-size) * 9) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m\:c-10 {
      width: calc((100%/var(--etx-flex-size) * 10) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m\:c-11 {
      width: calc((100%/var(--etx-flex-size) * 11) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m\:c-12 {
      width: calc((100%/var(--etx-flex-size) * 12) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l\:c-0 {
      width: calc((100%/var(--etx-flex-size) * 0) - var(--etx-flex-gutter-h));
      margin-right: 0px;
      margin-top: 0px; } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l\:c-1 {
      width: calc((100%/var(--etx-flex-size) * 1) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l\:c-2 {
      width: calc((100%/var(--etx-flex-size) * 2) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l\:c-3 {
      width: calc((100%/var(--etx-flex-size) * 3) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l\:c-4 {
      width: calc((100%/var(--etx-flex-size) * 4) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l\:c-5 {
      width: calc((100%/var(--etx-flex-size) * 5) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l\:c-6 {
      width: calc((100%/var(--etx-flex-size) * 6) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l\:c-7 {
      width: calc((100%/var(--etx-flex-size) * 7) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l\:c-8 {
      width: calc((100%/var(--etx-flex-size) * 8) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l\:c-9 {
      width: calc((100%/var(--etx-flex-size) * 9) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l\:c-10 {
      width: calc((100%/var(--etx-flex-size) * 10) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l\:c-11 {
      width: calc((100%/var(--etx-flex-size) * 11) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l\:c-12 {
      width: calc((100%/var(--etx-flex-size) * 12) - var(--etx-flex-gutter-h));
      margin-right: var(--etx-flex-gutter-h);
      margin-top: var(--etx-flex-gutter-v); } }
    .etx-flex > .etx-flex-item.ml-1 {
      margin-left: calc(((100% - 1px - (12 * var(--etx-flex-gutter-h))) / 12 * 1) + (1 * var(--etx-flex-gutter-h))); }
    .etx-flex > .etx-flex-item.ml-2 {
      margin-left: calc(((100% - 1px - (12 * var(--etx-flex-gutter-h))) / 12 * 2) + (2 * var(--etx-flex-gutter-h))); }
    .etx-flex > .etx-flex-item.ml-3 {
      margin-left: calc(((100% - 1px - (12 * var(--etx-flex-gutter-h))) / 12 * 3) + (3 * var(--etx-flex-gutter-h))); }
    .etx-flex > .etx-flex-item.ml-4 {
      margin-left: calc(((100% - 1px - (12 * var(--etx-flex-gutter-h))) / 12 * 4) + (4 * var(--etx-flex-gutter-h))); }
    .etx-flex > .etx-flex-item.ml-5 {
      margin-left: calc(((100% - 1px - (12 * var(--etx-flex-gutter-h))) / 12 * 5) + (5 * var(--etx-flex-gutter-h))); }
    .etx-flex > .etx-flex-item.ml-6 {
      margin-left: calc(((100% - 1px - (12 * var(--etx-flex-gutter-h))) / 12 * 6) + (6 * var(--etx-flex-gutter-h))); }
    .etx-flex > .etx-flex-item.ml-7 {
      margin-left: calc(((100% - 1px - (12 * var(--etx-flex-gutter-h))) / 12 * 7) + (7 * var(--etx-flex-gutter-h))); }
    .etx-flex > .etx-flex-item.ml-8 {
      margin-left: calc(((100% - 1px - (12 * var(--etx-flex-gutter-h))) / 12 * 8) + (8 * var(--etx-flex-gutter-h))); }
    .etx-flex > .etx-flex-item.ml-9 {
      margin-left: calc(((100% - 1px - (12 * var(--etx-flex-gutter-h))) / 12 * 9) + (9 * var(--etx-flex-gutter-h))); }
    .etx-flex > .etx-flex-item.ml-10 {
      margin-left: calc(((100% - 1px - (12 * var(--etx-flex-gutter-h))) / 12 * 10) + (10 * var(--etx-flex-gutter-h))); }
    .etx-flex > .etx-flex-item.ml-11 {
      margin-left: calc(((100% - 1px - (12 * var(--etx-flex-gutter-h))) / 12 * 11) + (11 * var(--etx-flex-gutter-h))); }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m\:ml-0 {
      margin-left: 0px; } }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m\:ml-1 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 1) + (1 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m\:ml-2 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 2) + (2 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m\:ml-3 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 3) + (3 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m\:ml-4 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 4) + (4 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m\:ml-5 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 5) + (5 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m\:ml-6 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 6) + (6 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m\:ml-7 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 7) + (7 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m\:ml-8 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 8) + (8 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m\:ml-9 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 9) + (9 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m\:ml-10 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 10) + (10 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m\:ml-11 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 11) + (11 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l\:ml-0 {
      margin-left: 0px; } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l\:ml-1 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 1) + (1 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l\:ml-2 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 2) + (2 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l\:ml-3 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 3) + (3 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l\:ml-4 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 4) + (4 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l\:ml-5 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 5) + (5 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l\:ml-6 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 6) + (6 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l\:ml-7 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 7) + (7 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l\:ml-8 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 8) + (8 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l\:ml-9 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 9) + (9 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l\:ml-10 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 10) + (10 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l\:ml-11 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 11) + (11 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s\:ml-0 {
      margin-left: 0px; } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s\:ml-1 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 1) + (1 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s\:ml-2 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 2) + (2 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s\:ml-3 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 3) + (3 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s\:ml-4 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 4) + (4 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s\:ml-5 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 5) + (5 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s\:ml-6 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 6) + (6 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s\:ml-7 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 7) + (7 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s\:ml-8 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 8) + (8 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s\:ml-9 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 9) + (9 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s\:ml-10 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 10) + (10 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s\:ml-11 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 11) + (11 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m\:ml-0 {
      margin-left: 0px; } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m\:ml-1 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 1) + (1 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m\:ml-2 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 2) + (2 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m\:ml-3 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 3) + (3 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m\:ml-4 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 4) + (4 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m\:ml-5 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 5) + (5 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m\:ml-6 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 6) + (6 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m\:ml-7 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 7) + (7 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m\:ml-8 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 8) + (8 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m\:ml-9 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 9) + (9 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m\:ml-10 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 10) + (10 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m\:ml-11 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 11) + (11 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l\:ml-0 {
      margin-left: 0px; } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l\:ml-1 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 1) + (1 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l\:ml-2 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 2) + (2 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l\:ml-3 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 3) + (3 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l\:ml-4 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 4) + (4 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l\:ml-5 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 5) + (5 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l\:ml-6 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 6) + (6 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l\:ml-7 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 7) + (7 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l\:ml-8 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 8) + (8 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l\:ml-9 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 9) + (9 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l\:ml-10 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 10) + (10 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l\:ml-11 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 11) + (11 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s\:ml-0 {
      margin-left: 0px; } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s\:ml-1 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 1) + (1 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s\:ml-2 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 2) + (2 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s\:ml-3 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 3) + (3 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s\:ml-4 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 4) + (4 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s\:ml-5 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 5) + (5 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s\:ml-6 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 6) + (6 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s\:ml-7 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 7) + (7 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s\:ml-8 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 8) + (8 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s\:ml-9 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 9) + (9 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s\:ml-10 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 10) + (10 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s\:ml-11 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 11) + (11 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m\:ml-0 {
      margin-left: 0px; } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m\:ml-1 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 1) + (1 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m\:ml-2 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 2) + (2 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m\:ml-3 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 3) + (3 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m\:ml-4 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 4) + (4 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m\:ml-5 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 5) + (5 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m\:ml-6 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 6) + (6 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m\:ml-7 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 7) + (7 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m\:ml-8 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 8) + (8 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m\:ml-9 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 9) + (9 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m\:ml-10 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 10) + (10 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m\:ml-11 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 11) + (11 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l\:ml-0 {
      margin-left: 0px; } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l\:ml-1 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 1) + (1 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l\:ml-2 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 2) + (2 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l\:ml-3 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 3) + (3 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l\:ml-4 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 4) + (4 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l\:ml-5 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 5) + (5 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l\:ml-6 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 6) + (6 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l\:ml-7 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 7) + (7 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l\:ml-8 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 8) + (8 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l\:ml-9 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 9) + (9 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l\:ml-10 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 10) + (10 * var(--etx-flex-gutter-h))); } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l\:ml-11 {
      margin-left: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 11) + (11 * var(--etx-flex-gutter-h))); } }
    .etx-flex > .etx-flex-item.mr-1 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 1) + (1 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); }
    .etx-flex > .etx-flex-item.mr-2 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 2) + (2 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); }
    .etx-flex > .etx-flex-item.mr-3 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 3) + (3 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); }
    .etx-flex > .etx-flex-item.mr-4 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 4) + (4 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); }
    .etx-flex > .etx-flex-item.mr-5 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 5) + (5 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); }
    .etx-flex > .etx-flex-item.mr-6 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 6) + (6 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); }
    .etx-flex > .etx-flex-item.mr-7 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 7) + (7 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); }
    .etx-flex > .etx-flex-item.mr-8 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 8) + (8 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); }
    .etx-flex > .etx-flex-item.mr-9 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 9) + (9 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); }
    .etx-flex > .etx-flex-item.mr-10 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 10) + (10 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); }
    .etx-flex > .etx-flex-item.mr-11 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 11) + (11 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m\:mr-0 {
      margin-right: 0px; } }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m\:mr-1 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 1) + (1 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m\:mr-2 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 2) + (2 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m\:mr-3 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 3) + (3 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m\:mr-4 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 4) + (4 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m\:mr-5 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 5) + (5 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m\:mr-6 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 6) + (6 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m\:mr-7 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 7) + (7 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m\:mr-8 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 8) + (8 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m\:mr-9 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 9) + (9 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m\:mr-10 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 10) + (10 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m\:mr-11 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 11) + (11 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l\:mr-0 {
      margin-right: 0px; } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l\:mr-1 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 1) + (1 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l\:mr-2 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 2) + (2 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l\:mr-3 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 3) + (3 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l\:mr-4 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 4) + (4 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l\:mr-5 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 5) + (5 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l\:mr-6 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 6) + (6 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l\:mr-7 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 7) + (7 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l\:mr-8 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 8) + (8 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l\:mr-9 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 9) + (9 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l\:mr-10 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 10) + (10 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l\:mr-11 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 11) + (11 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s\:mr-0 {
      margin-right: 0px; } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s\:mr-1 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 1) + (1 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s\:mr-2 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 2) + (2 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s\:mr-3 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 3) + (3 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s\:mr-4 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 4) + (4 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s\:mr-5 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 5) + (5 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s\:mr-6 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 6) + (6 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s\:mr-7 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 7) + (7 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s\:mr-8 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 8) + (8 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s\:mr-9 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 9) + (9 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s\:mr-10 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 10) + (10 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s\:mr-11 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 11) + (11 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m\:mr-0 {
      margin-right: 0px; } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m\:mr-1 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 1) + (1 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m\:mr-2 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 2) + (2 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m\:mr-3 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 3) + (3 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m\:mr-4 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 4) + (4 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m\:mr-5 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 5) + (5 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m\:mr-6 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 6) + (6 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m\:mr-7 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 7) + (7 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m\:mr-8 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 8) + (8 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m\:mr-9 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 9) + (9 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m\:mr-10 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 10) + (10 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m\:mr-11 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 11) + (11 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l\:mr-0 {
      margin-right: 0px; } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l\:mr-1 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 1) + (1 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l\:mr-2 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 2) + (2 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l\:mr-3 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 3) + (3 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l\:mr-4 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 4) + (4 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l\:mr-5 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 5) + (5 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l\:mr-6 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 6) + (6 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l\:mr-7 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 7) + (7 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l\:mr-8 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 8) + (8 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l\:mr-9 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 9) + (9 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l\:mr-10 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 10) + (10 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l\:mr-11 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 11) + (11 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s\:mr-0 {
      margin-right: 0px; } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s\:mr-1 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 1) + (1 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s\:mr-2 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 2) + (2 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s\:mr-3 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 3) + (3 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s\:mr-4 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 4) + (4 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s\:mr-5 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 5) + (5 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s\:mr-6 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 6) + (6 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s\:mr-7 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 7) + (7 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s\:mr-8 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 8) + (8 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s\:mr-9 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 9) + (9 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s\:mr-10 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 10) + (10 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s\:mr-11 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 11) + (11 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m\:mr-0 {
      margin-right: 0px; } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m\:mr-1 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 1) + (1 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m\:mr-2 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 2) + (2 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m\:mr-3 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 3) + (3 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m\:mr-4 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 4) + (4 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m\:mr-5 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 5) + (5 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m\:mr-6 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 6) + (6 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m\:mr-7 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 7) + (7 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m\:mr-8 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 8) + (8 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m\:mr-9 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 9) + (9 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m\:mr-10 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 10) + (10 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m\:mr-11 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 11) + (11 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l\:mr-0 {
      margin-right: 0px; } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l\:mr-1 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 1) + (1 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l\:mr-2 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 2) + (2 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l\:mr-3 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 3) + (3 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l\:mr-4 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 4) + (4 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l\:mr-5 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 5) + (5 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l\:mr-6 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 6) + (6 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l\:mr-7 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 7) + (7 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l\:mr-8 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 8) + (8 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l\:mr-9 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 9) + (9 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l\:mr-10 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 10) + (10 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l\:mr-11 {
      margin-right: calc(((100% - 1px - (var(--etx-flex-size) * var(--etx-flex-gutter-h))) / var(--etx-flex-size) * 11) + (11 * var(--etx-flex-gutter-h)) + var(--etx-flex-gutter-h)); } }
    .etx-flex > .etx-flex-item.grow-1 {
      flex-grow: 1; }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m\:grow-1 {
      flex-grow: 1; } }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m\:grow-0 {
      flex-grow: 0; } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l\:grow-1 {
      flex-grow: 1; } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l\:grow-0 {
      flex-grow: 0; } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s\:grow-1 {
      flex-grow: 1; } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s\:grow-0 {
      flex-grow: 0; } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m\:grow-1 {
      flex-grow: 1; } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m\:grow-0 {
      flex-grow: 0; } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l\:grow-1 {
      flex-grow: 1; } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l\:grow-0 {
      flex-grow: 0; } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s\:grow-1 {
      flex-grow: 1; } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s\:grow-0 {
      flex-grow: 0; } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m\:grow-1 {
      flex-grow: 1; } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m\:grow-0 {
      flex-grow: 0; } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l\:grow-1 {
      flex-grow: 1; } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l\:grow-0 {
      flex-grow: 0; } }
    .etx-flex > .etx-flex-item.shrink-0 {
      flex-shrink: 0; }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m\:shrink-1 {
      flex-shrink: 1; } }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m\:shrink-0 {
      flex-shrink: 0; } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l\:shrink-1 {
      flex-shrink: 1; } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l\:shrink-0 {
      flex-shrink: 0; } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s\:shrink-1 {
      flex-shrink: 1; } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s\:shrink-0 {
      flex-shrink: 0; } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m\:shrink-1 {
      flex-shrink: 1; } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m\:shrink-0 {
      flex-shrink: 0; } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l\:shrink-1 {
      flex-shrink: 1; } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l\:shrink-0 {
      flex-shrink: 0; } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s\:shrink-1 {
      flex-shrink: 1; } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s\:shrink-0 {
      flex-shrink: 0; } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m\:shrink-1 {
      flex-shrink: 1; } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m\:shrink-0 {
      flex-shrink: 0; } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l\:shrink-1 {
      flex-shrink: 1; } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l\:shrink-0 {
      flex-shrink: 0; } }
    .etx-flex > .etx-flex-item.o-1 {
      order: 1; }
    .etx-flex > .etx-flex-item.o-2 {
      order: 2; }
    .etx-flex > .etx-flex-item.o-3 {
      order: 2; }
    .etx-flex > .etx-flex-item.o-4 {
      order: 2; }
    .etx-flex > .etx-flex-item.o-5 {
      order: 2; }
    .etx-flex > .etx-flex-item.o-6 {
      order: 2; }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m:o-1 {
      order: 1; } }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m:o-2 {
      order: 2; } }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m:o-3 {
      order: 3; } }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m:o-4 {
      order: 4; } }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m:o-5 {
      order: 5; } }
    @media screen and (min-width: 480px) {
    .etx-flex > .etx-flex-item.mob-m:o-6 {
      order: 6; } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l:o-1 {
      order: 1; } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l:o-2 {
      order: 2; } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l:o-3 {
      order: 3; } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l:o-4 {
      order: 4; } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l:o-5 {
      order: 5; } }
    @media screen and (min-width: 650px) {
    .etx-flex > .etx-flex-item.mob-l:o-6 {
      order: 6; } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s:o-1 {
      order: 1; } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s:o-2 {
      order: 2; } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s:o-3 {
      order: 3; } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s:o-4 {
      order: 4; } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s:o-5 {
      order: 5; } }
    @media screen and (min-width: 768px) {
    .etx-flex > .etx-flex-item.tab-s:o-6 {
      order: 6; } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m:o-1 {
      order: 1; } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m:o-2 {
      order: 2; } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m:o-3 {
      order: 3; } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m:o-4 {
      order: 4; } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m:o-5 {
      order: 5; } }
    @media screen and (min-width: 1000px) {
    .etx-flex > .etx-flex-item.tab-m:o-6 {
      order: 6; } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l:o-1 {
      order: 1; } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l:o-2 {
      order: 2; } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l:o-3 {
      order: 3; } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l:o-4 {
      order: 4; } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l:o-5 {
      order: 5; } }
    @media screen and (min-width: 1200px) {
    .etx-flex > .etx-flex-item.tab-l:o-6 {
      order: 6; } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s:o-1 {
      order: 1; } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s:o-2 {
      order: 2; } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s:o-3 {
      order: 3; } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s:o-4 {
      order: 4; } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s:o-5 {
      order: 5; } }
    @media screen and (min-width: 1500px) {
    .etx-flex > .etx-flex-item.desk-s:o-6 {
      order: 6; } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m:o-1 {
      order: 1; } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m:o-2 {
      order: 2; } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m:o-3 {
      order: 3; } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m:o-4 {
      order: 4; } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m:o-5 {
      order: 5; } }
    @media screen and (min-width: 1680px) {
    .etx-flex > .etx-flex-item.desk-m:o-6 {
      order: 6; } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l:o-1 {
      order: 1; } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l:o-2 {
      order: 2; } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l:o-3 {
      order: 3; } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l:o-4 {
      order: 4; } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l:o-5 {
      order: 5; } }
    @media screen and (min-width: 2000px) {
    .etx-flex > .etx-flex-item.desk-l:o-6 {
      order: 6; } }

.etx-card {
  flex-flow: column nowrap;
  align-items: flex-start;
  display: flex;
  height: 100%; }
  .etx-card > .etx-card-item {
    flex: 0 0 auto;
    width: 100%;
    padding-left: var(--etx-card-padding-h);
    padding-right: var(--etx-card-padding-h);
    padding-top: var(--etx-card-padding-v);
    padding-bottom: var(--etx-card-padding-v);
    /* Padding Horizontal */
    /* Padding Vertical */
    /* Padding Left */
    /* Padding Right */
    /* Padding Top */
    /* Padding Bottom */
    /* Grow */ }
    .etx-card > .etx-card-item.ph-200 {
      padding-left: var(--etx-card-padding-h-200);
      padding-right: var(--etx-card-padding-h-200); }
    .etx-card > .etx-card-item.ph-75 {
      padding-left: var(--etx-card-padding-h-75);
      padding-right: var(--etx-card-padding-h-75); }
    .etx-card > .etx-card-item.ph-50 {
      padding-left: var(--etx-card-padding-h-50);
      padding-right: var(--etx-card-padding-h-50); }
    .etx-card > .etx-card-item.ph-25 {
      padding-left: var(--etx-card-padding-h-25);
      padding-right: var(--etx-card-padding-h-25); }
    .etx-card > .etx-card-item.ph-0 {
      padding-left: 0px;
      padding-right: 0px; }
    @media screen and (min-width: 480px) {
    .etx-card > .etx-card-item.mob-m\:ph-200 {
      padding-left: var(--etx-card-padding-h-200);
      padding-right: var(--etx-card-padding-h-200); } }
    @media screen and (min-width: 480px) {
    .etx-card > .etx-card-item.mob-m\:ph-100 {
      padding-left: var(--etx-card-padding-h-100);
      padding-right: var(--etx-card-padding-h-100); } }
    @media screen and (min-width: 480px) {
    .etx-card > .etx-card-item.mob-m\:ph-75 {
      padding-left: var(--etx-card-padding-h-75);
      padding-right: var(--etx-card-padding-h-75); } }
    @media screen and (min-width: 480px) {
    .etx-card > .etx-card-item.mob-m\:ph-50 {
      padding-left: var(--etx-card-padding-h-50);
      padding-right: var(--etx-card-padding-h-50); } }
    @media screen and (min-width: 480px) {
    .etx-card > .etx-card-item.mob-m\:ph-25 {
      padding-left: var(--etx-card-padding-h-25);
      padding-right: var(--etx-card-padding-h-25); } }
    @media screen and (min-width: 480px) {
    .etx-card > .etx-card-item.mob-m\:ph-0 {
      padding-left: 0px;
      padding-right: 0px; } }
    @media screen and (min-width: 650px) {
    .etx-card > .etx-card-item.mob-l\:ph-200 {
      padding-left: var(--etx-card-padding-h-200);
      padding-right: var(--etx-card-padding-h-200); } }
    @media screen and (min-width: 650px) {
    .etx-card > .etx-card-item.mob-l\:ph-100 {
      padding-left: var(--etx-card-padding-h-100);
      padding-right: var(--etx-card-padding-h-100); } }
    @media screen and (min-width: 650px) {
    .etx-card > .etx-card-item.mob-l\:ph-75 {
      padding-left: var(--etx-card-padding-h-75);
      padding-right: var(--etx-card-padding-h-75); } }
    @media screen and (min-width: 650px) {
    .etx-card > .etx-card-item.mob-l\:ph-50 {
      padding-left: var(--etx-card-padding-h-50);
      padding-right: var(--etx-card-padding-h-50); } }
    @media screen and (min-width: 650px) {
    .etx-card > .etx-card-item.mob-l\:ph-25 {
      padding-left: var(--etx-card-padding-h-25);
      padding-right: var(--etx-card-padding-h-25); } }
    @media screen and (min-width: 650px) {
    .etx-card > .etx-card-item.mob-l\:ph-0 {
      padding-left: 0px;
      padding-right: 0px; } }
    @media screen and (min-width: 768px) {
    .etx-card > .etx-card-item.tab-s\:ph-200 {
      padding-left: var(--etx-card-padding-h-200);
      padding-right: var(--etx-card-padding-h-200); } }
    @media screen and (min-width: 768px) {
    .etx-card > .etx-card-item.tab-s\:ph-100 {
      padding-left: var(--etx-card-padding-h-100);
      padding-right: var(--etx-card-padding-h-100); } }
    @media screen and (min-width: 768px) {
    .etx-card > .etx-card-item.tab-s\:ph-75 {
      padding-left: var(--etx-card-padding-h-75);
      padding-right: var(--etx-card-padding-h-75); } }
    @media screen and (min-width: 768px) {
    .etx-card > .etx-card-item.tab-s\:ph-50 {
      padding-left: var(--etx-card-padding-h-50);
      padding-right: var(--etx-card-padding-h-50); } }
    @media screen and (min-width: 768px) {
    .etx-card > .etx-card-item.tab-s\:ph-25 {
      padding-left: var(--etx-card-padding-h-25);
      padding-right: var(--etx-card-padding-h-25); } }
    @media screen and (min-width: 768px) {
    .etx-card > .etx-card-item.tab-s\:ph-0 {
      padding-left: 0px;
      padding-right: 0px; } }
    @media screen and (min-width: 1000px) {
    .etx-card > .etx-card-item.tab-m\:ph-200 {
      padding-left: var(--etx-card-padding-h-200);
      padding-right: var(--etx-card-padding-h-200); } }
    @media screen and (min-width: 1000px) {
    .etx-card > .etx-card-item.tab-m\:ph-100 {
      padding-left: var(--etx-card-padding-h-100);
      padding-right: var(--etx-card-padding-h-100); } }
    @media screen and (min-width: 1000px) {
    .etx-card > .etx-card-item.tab-m\:ph-75 {
      padding-left: var(--etx-card-padding-h-75);
      padding-right: var(--etx-card-padding-h-75); } }
    @media screen and (min-width: 1000px) {
    .etx-card > .etx-card-item.tab-m\:ph-50 {
      padding-left: var(--etx-card-padding-h-50);
      padding-right: var(--etx-card-padding-h-50); } }
    @media screen and (min-width: 1000px) {
    .etx-card > .etx-card-item.tab-m\:ph-25 {
      padding-left: var(--etx-card-padding-h-25);
      padding-right: var(--etx-card-padding-h-25); } }
    @media screen and (min-width: 1000px) {
    .etx-card > .etx-card-item.tab-m\:ph-0 {
      padding-left: 0px;
      padding-right: 0px; } }
    @media screen and (min-width: 1200px) {
    .etx-card > .etx-card-item.tab-l\:ph-200 {
      padding-left: var(--etx-card-padding-h-200);
      padding-right: var(--etx-card-padding-h-200); } }
    @media screen and (min-width: 1200px) {
    .etx-card > .etx-card-item.tab-l\:ph-100 {
      padding-left: var(--etx-card-padding-h-100);
      padding-right: var(--etx-card-padding-h-100); } }
    @media screen and (min-width: 1200px) {
    .etx-card > .etx-card-item.tab-l\:ph-75 {
      padding-left: var(--etx-card-padding-h-75);
      padding-right: var(--etx-card-padding-h-75); } }
    @media screen and (min-width: 1200px) {
    .etx-card > .etx-card-item.tab-l\:ph-50 {
      padding-left: var(--etx-card-padding-h-50);
      padding-right: var(--etx-card-padding-h-50); } }
    @media screen and (min-width: 1200px) {
    .etx-card > .etx-card-item.tab-l\:ph-25 {
      padding-left: var(--etx-card-padding-h-25);
      padding-right: var(--etx-card-padding-h-25); } }
    @media screen and (min-width: 1200px) {
    .etx-card > .etx-card-item.tab-l\:ph-0 {
      padding-left: 0px;
      padding-right: 0px; } }
    @media screen and (min-width: 1500px) {
    .etx-card > .etx-card-item.desk-s\:ph-200 {
      padding-left: var(--etx-card-padding-h-200);
      padding-right: var(--etx-card-padding-h-200); } }
    @media screen and (min-width: 1500px) {
    .etx-card > .etx-card-item.desk-s\:ph-100 {
      padding-left: var(--etx-card-padding-h-100);
      padding-right: var(--etx-card-padding-h-100); } }
    @media screen and (min-width: 1500px) {
    .etx-card > .etx-card-item.desk-s\:ph-75 {
      padding-left: var(--etx-card-padding-h-75);
      padding-right: var(--etx-card-padding-h-75); } }
    @media screen and (min-width: 1500px) {
    .etx-card > .etx-card-item.desk-s\:ph-50 {
      padding-left: var(--etx-card-padding-h-50);
      padding-right: var(--etx-card-padding-h-50); } }
    @media screen and (min-width: 1500px) {
    .etx-card > .etx-card-item.desk-s\:ph-25 {
      padding-left: var(--etx-card-padding-h-25);
      padding-right: var(--etx-card-padding-h-25); } }
    @media screen and (min-width: 1500px) {
    .etx-card > .etx-card-item.desk-s\:ph-0 {
      padding-left: 0px;
      padding-right: 0px; } }
    @media screen and (min-width: 1680px) {
    .etx-card > .etx-card-item.desk-m\:ph-200 {
      padding-left: var(--etx-card-padding-h-200);
      padding-right: var(--etx-card-padding-h-200); } }
    @media screen and (min-width: 1680px) {
    .etx-card > .etx-card-item.desk-m\:ph-100 {
      padding-left: var(--etx-card-padding-h-100);
      padding-right: var(--etx-card-padding-h-100); } }
    @media screen and (min-width: 1680px) {
    .etx-card > .etx-card-item.desk-m\:ph-75 {
      padding-left: var(--etx-card-padding-h-75);
      padding-right: var(--etx-card-padding-h-75); } }
    @media screen and (min-width: 1680px) {
    .etx-card > .etx-card-item.desk-m\:ph-50 {
      padding-left: var(--etx-card-padding-h-50);
      padding-right: var(--etx-card-padding-h-50); } }
    @media screen and (min-width: 1680px) {
    .etx-card > .etx-card-item.desk-m\:ph-25 {
      padding-left: var(--etx-card-padding-h-25);
      padding-right: var(--etx-card-padding-h-25); } }
    @media screen and (min-width: 1680px) {
    .etx-card > .etx-card-item.desk-m\:ph-0 {
      padding-left: 0px;
      padding-right: 0px; } }
    @media screen and (min-width: 2000px) {
    .etx-card > .etx-card-item.desk-l\:ph-200 {
      padding-left: var(--etx-card-padding-h-200);
      padding-right: var(--etx-card-padding-h-200); } }
    @media screen and (min-width: 2000px) {
    .etx-card > .etx-card-item.desk-l\:ph-100 {
      padding-left: var(--etx-card-padding-h-100);
      padding-right: var(--etx-card-padding-h-100); } }
    @media screen and (min-width: 2000px) {
    .etx-card > .etx-card-item.desk-l\:ph-75 {
      padding-left: var(--etx-card-padding-h-75);
      padding-right: var(--etx-card-padding-h-75); } }
    @media screen and (min-width: 2000px) {
    .etx-card > .etx-card-item.desk-l\:ph-50 {
      padding-left: var(--etx-card-padding-h-50);
      padding-right: var(--etx-card-padding-h-50); } }
    @media screen and (min-width: 2000px) {
    .etx-card > .etx-card-item.desk-l\:ph-25 {
      padding-left: var(--etx-card-padding-h-25);
      padding-right: var(--etx-card-padding-h-25); } }
    @media screen and (min-width: 2000px) {
    .etx-card > .etx-card-item.desk-l\:ph-0 {
      padding-left: 0px;
      padding-right: 0px; } }
    .etx-card > .etx-card-item.pv-200 {
      padding-top: var(--etx-card-padding-v-200);
      padding-bottom: var(--etx-card-padding-v-200); }
    .etx-card > .etx-card-item.pv-75 {
      padding-top: var(--etx-card-padding-v-75);
      padding-bottom: var(--etx-card-padding-v-75); }
    .etx-card > .etx-card-item.pv-50 {
      padding-top: var(--etx-card-padding-v-50);
      padding-bottom: var(--etx-card-padding-v-50); }
    .etx-card > .etx-card-item.pv-25 {
      padding-top: var(--etx-card-padding-v-25);
      padding-bottom: var(--etx-card-padding-v-25); }
    .etx-card > .etx-card-item.pv-0 {
      padding-top: 0px;
      padding-bottom: 0px; }
    @media screen and (min-width: 480px) {
    .etx-card > .etx-card-item.mob-m\:pv-200 {
      padding-top: var(--etx-card-padding-v-200);
      padding-bottom: var(--etx-card-padding-v-200); } }
    @media screen and (min-width: 480px) {
    .etx-card > .etx-card-item.mob-m\:pv-100 {
      padding-top: var(--etx-card-padding-v-100);
      padding-bottom: var(--etx-card-padding-v-100); } }
    @media screen and (min-width: 480px) {
    .etx-card > .etx-card-item.mob-m\:pv-75 {
      padding-top: var(--etx-card-padding-v-75);
      padding-bottom: var(--etx-card-padding-v-75); } }
    @media screen and (min-width: 480px) {
    .etx-card > .etx-card-item.mob-m\:pv-50 {
      padding-top: var(--etx-card-padding-v-50);
      padding-bottom: var(--etx-card-padding-v-50); } }
    @media screen and (min-width: 480px) {
    .etx-card > .etx-card-item.mob-m\:pv-25 {
      padding-top: var(--etx-card-padding-v-25);
      padding-bottom: var(--etx-card-padding-v-25); } }
    @media screen and (min-width: 480px) {
    .etx-card > .etx-card-item.mob-m\:pv-0 {
      padding-top: 0px;
      padding-bottom: 0px; } }
    @media screen and (min-width: 650px) {
    .etx-card > .etx-card-item.mob-l\:pv-200 {
      padding-top: var(--etx-card-padding-v-200);
      padding-bottom: var(--etx-card-padding-v-200); } }
    @media screen and (min-width: 650px) {
    .etx-card > .etx-card-item.mob-l\:pv-100 {
      padding-top: var(--etx-card-padding-v-100);
      padding-bottom: var(--etx-card-padding-v-100); } }
    @media screen and (min-width: 650px) {
    .etx-card > .etx-card-item.mob-l\:pv-75 {
      padding-top: var(--etx-card-padding-v-75);
      padding-bottom: var(--etx-card-padding-v-75); } }
    @media screen and (min-width: 650px) {
    .etx-card > .etx-card-item.mob-l\:pv-50 {
      padding-top: var(--etx-card-padding-v-50);
      padding-bottom: var(--etx-card-padding-v-50); } }
    @media screen and (min-width: 650px) {
    .etx-card > .etx-card-item.mob-l\:pv-25 {
      padding-top: var(--etx-card-padding-v-25);
      padding-bottom: var(--etx-card-padding-v-25); } }
    @media screen and (min-width: 650px) {
    .etx-card > .etx-card-item.mob-l\:pv-0 {
      padding-top: 0px;
      padding-bottom: 0px; } }
    @media screen and (min-width: 768px) {
    .etx-card > .etx-card-item.tab-s\:pv-200 {
      padding-top: var(--etx-card-padding-v-200);
      padding-bottom: var(--etx-card-padding-v-200); } }
    @media screen and (min-width: 768px) {
    .etx-card > .etx-card-item.tab-s\:pv-100 {
      padding-top: var(--etx-card-padding-v-100);
      padding-bottom: var(--etx-card-padding-v-100); } }
    @media screen and (min-width: 768px) {
    .etx-card > .etx-card-item.tab-s\:pv-75 {
      padding-top: var(--etx-card-padding-v-75);
      padding-bottom: var(--etx-card-padding-v-75); } }
    @media screen and (min-width: 768px) {
    .etx-card > .etx-card-item.tab-s\:pv-50 {
      padding-top: var(--etx-card-padding-v-50);
      padding-bottom: var(--etx-card-padding-v-50); } }
    @media screen and (min-width: 768px) {
    .etx-card > .etx-card-item.tab-s\:pv-25 {
      padding-top: var(--etx-card-padding-v-25);
      padding-bottom: var(--etx-card-padding-v-25); } }
    @media screen and (min-width: 768px) {
    .etx-card > .etx-card-item.tab-s\:pv-0 {
      padding-top: 0px;
      padding-bottom: 0px; } }
    @media screen and (min-width: 1000px) {
    .etx-card > .etx-card-item.tab-m\:pv-200 {
      padding-top: var(--etx-card-padding-v-200);
      padding-bottom: var(--etx-card-padding-v-200); } }
    @media screen and (min-width: 1000px) {
    .etx-card > .etx-card-item.tab-m\:pv-100 {
      padding-top: var(--etx-card-padding-v-100);
      padding-bottom: var(--etx-card-padding-v-100); } }
    @media screen and (min-width: 1000px) {
    .etx-card > .etx-card-item.tab-m\:pv-75 {
      padding-top: var(--etx-card-padding-v-75);
      padding-bottom: var(--etx-card-padding-v-75); } }
    @media screen and (min-width: 1000px) {
    .etx-card > .etx-card-item.tab-m\:pv-50 {
      padding-top: var(--etx-card-padding-v-50);
      padding-bottom: var(--etx-card-padding-v-50); } }
    @media screen and (min-width: 1000px) {
    .etx-card > .etx-card-item.tab-m\:pv-25 {
      padding-top: var(--etx-card-padding-v-25);
      padding-bottom: var(--etx-card-padding-v-25); } }
    @media screen and (min-width: 1000px) {
    .etx-card > .etx-card-item.tab-m\:pv-0 {
      padding-top: 0px;
      padding-bottom: 0px; } }
    @media screen and (min-width: 1200px) {
    .etx-card > .etx-card-item.tab-l\:pv-200 {
      padding-top: var(--etx-card-padding-v-200);
      padding-bottom: var(--etx-card-padding-v-200); } }
    @media screen and (min-width: 1200px) {
    .etx-card > .etx-card-item.tab-l\:pv-100 {
      padding-top: var(--etx-card-padding-v-100);
      padding-bottom: var(--etx-card-padding-v-100); } }
    @media screen and (min-width: 1200px) {
    .etx-card > .etx-card-item.tab-l\:pv-75 {
      padding-top: var(--etx-card-padding-v-75);
      padding-bottom: var(--etx-card-padding-v-75); } }
    @media screen and (min-width: 1200px) {
    .etx-card > .etx-card-item.tab-l\:pv-50 {
      padding-top: var(--etx-card-padding-v-50);
      padding-bottom: var(--etx-card-padding-v-50); } }
    @media screen and (min-width: 1200px) {
    .etx-card > .etx-card-item.tab-l\:pv-25 {
      padding-top: var(--etx-card-padding-v-25);
      padding-bottom: var(--etx-card-padding-v-25); } }
    @media screen and (min-width: 1200px) {
    .etx-card > .etx-card-item.tab-l\:pv-0 {
      padding-top: 0px;
      padding-bottom: 0px; } }
    @media screen and (min-width: 1500px) {
    .etx-card > .etx-card-item.desk-s\:pv-200 {
      padding-top: var(--etx-card-padding-v-200);
      padding-bottom: var(--etx-card-padding-v-200); } }
    @media screen and (min-width: 1500px) {
    .etx-card > .etx-card-item.desk-s\:pv-100 {
      padding-top: var(--etx-card-padding-v-100);
      padding-bottom: var(--etx-card-padding-v-100); } }
    @media screen and (min-width: 1500px) {
    .etx-card > .etx-card-item.desk-s\:pv-75 {
      padding-top: var(--etx-card-padding-v-75);
      padding-bottom: var(--etx-card-padding-v-75); } }
    @media screen and (min-width: 1500px) {
    .etx-card > .etx-card-item.desk-s\:pv-50 {
      padding-top: var(--etx-card-padding-v-50);
      padding-bottom: var(--etx-card-padding-v-50); } }
    @media screen and (min-width: 1500px) {
    .etx-card > .etx-card-item.desk-s\:pv-25 {
      padding-top: var(--etx-card-padding-v-25);
      padding-bottom: var(--etx-card-padding-v-25); } }
    @media screen and (min-width: 1500px) {
    .etx-card > .etx-card-item.desk-s\:pv-0 {
      padding-top: 0px;
      padding-bottom: 0px; } }
    @media screen and (min-width: 1680px) {
    .etx-card > .etx-card-item.desk-m\:pv-200 {
      padding-top: var(--etx-card-padding-v-200);
      padding-bottom: var(--etx-card-padding-v-200); } }
    @media screen and (min-width: 1680px) {
    .etx-card > .etx-card-item.desk-m\:pv-100 {
      padding-top: var(--etx-card-padding-v-100);
      padding-bottom: var(--etx-card-padding-v-100); } }
    @media screen and (min-width: 1680px) {
    .etx-card > .etx-card-item.desk-m\:pv-75 {
      padding-top: var(--etx-card-padding-v-75);
      padding-bottom: var(--etx-card-padding-v-75); } }
    @media screen and (min-width: 1680px) {
    .etx-card > .etx-card-item.desk-m\:pv-50 {
      padding-top: var(--etx-card-padding-v-50);
      padding-bottom: var(--etx-card-padding-v-50); } }
    @media screen and (min-width: 1680px) {
    .etx-card > .etx-card-item.desk-m\:pv-25 {
      padding-top: var(--etx-card-padding-v-25);
      padding-bottom: var(--etx-card-padding-v-25); } }
    @media screen and (min-width: 1680px) {
    .etx-card > .etx-card-item.desk-m\:pv-0 {
      padding-top: 0px;
      padding-bottom: 0px; } }
    @media screen and (min-width: 2000px) {
    .etx-card > .etx-card-item.desk-l\:pv-200 {
      padding-top: var(--etx-card-padding-v-200);
      padding-bottom: var(--etx-card-padding-v-200); } }
    @media screen and (min-width: 2000px) {
    .etx-card > .etx-card-item.desk-l\:pv-100 {
      padding-top: var(--etx-card-padding-v-100);
      padding-bottom: var(--etx-card-padding-v-100); } }
    @media screen and (min-width: 2000px) {
    .etx-card > .etx-card-item.desk-l\:pv-75 {
      padding-top: var(--etx-card-padding-v-75);
      padding-bottom: var(--etx-card-padding-v-75); } }
    @media screen and (min-width: 2000px) {
    .etx-card > .etx-card-item.desk-l\:pv-50 {
      padding-top: var(--etx-card-padding-v-50);
      padding-bottom: var(--etx-card-padding-v-50); } }
    @media screen and (min-width: 2000px) {
    .etx-card > .etx-card-item.desk-l\:pv-25 {
      padding-top: var(--etx-card-padding-v-25);
      padding-bottom: var(--etx-card-padding-v-25); } }
    @media screen and (min-width: 2000px) {
    .etx-card > .etx-card-item.desk-l\:pv-0 {
      padding-top: 0px;
      padding-bottom: 0px; } }
    .etx-card > .etx-card-item.pl-200 {
      padding-left: var(--etx-card-padding-h-200); }
    .etx-card > .etx-card-item.pl-75 {
      padding-left: var(--etx-card-padding-h-75); }
    .etx-card > .etx-card-item.pl-50 {
      padding-left: var(--etx-card-padding-h-50); }
    .etx-card > .etx-card-item.pl-25 {
      padding-left: var(--etx-card-padding-h-25); }
    .etx-card > .etx-card-item.pl-0 {
      padding-left: 0px; }
    @media screen and (min-width: 480px) {
    .etx-card > .etx-card-item.mob-m\:pl-200 {
      padding-left: var(--etx-card-padding-h-200); } }
    @media screen and (min-width: 480px) {
    .etx-card > .etx-card-item.mob-m\:pl-100 {
      padding-left: var(--etx-card-padding-h-100); } }
    @media screen and (min-width: 480px) {
    .etx-card > .etx-card-item.mob-m\:pl-75 {
      padding-left: var(--etx-card-padding-h-75); } }
    @media screen and (min-width: 480px) {
    .etx-card > .etx-card-item.mob-m\:pl-50 {
      padding-left: var(--etx-card-padding-h-50); } }
    @media screen and (min-width: 480px) {
    .etx-card > .etx-card-item.mob-m\:pl-25 {
      padding-left: var(--etx-card-padding-h-25); } }
    @media screen and (min-width: 480px) {
    .etx-card > .etx-card-item.mob-m\:pl-0 {
      padding-left: 0px; } }
    @media screen and (min-width: 650px) {
    .etx-card > .etx-card-item.mob-l\:pl-200 {
      padding-left: var(--etx-card-padding-h-200); } }
    @media screen and (min-width: 650px) {
    .etx-card > .etx-card-item.mob-l\:pl-100 {
      padding-left: var(--etx-card-padding-h-100); } }
    @media screen and (min-width: 650px) {
    .etx-card > .etx-card-item.mob-l\:pl-75 {
      padding-left: var(--etx-card-padding-h-75); } }
    @media screen and (min-width: 650px) {
    .etx-card > .etx-card-item.mob-l\:pl-50 {
      padding-left: var(--etx-card-padding-h-50); } }
    @media screen and (min-width: 650px) {
    .etx-card > .etx-card-item.mob-l\:pl-25 {
      padding-left: var(--etx-card-padding-h-25); } }
    @media screen and (min-width: 650px) {
    .etx-card > .etx-card-item.mob-l\:pl-0 {
      padding-left: 0px; } }
    @media screen and (min-width: 768px) {
    .etx-card > .etx-card-item.tab-s\:pl-200 {
      padding-left: var(--etx-card-padding-h-200); } }
    @media screen and (min-width: 768px) {
    .etx-card > .etx-card-item.tab-s\:pl-100 {
      padding-left: var(--etx-card-padding-h-100); } }
    @media screen and (min-width: 768px) {
    .etx-card > .etx-card-item.tab-s\:pl-75 {
      padding-left: var(--etx-card-padding-h-75); } }
    @media screen and (min-width: 768px) {
    .etx-card > .etx-card-item.tab-s\:pl-50 {
      padding-left: var(--etx-card-padding-h-50); } }
    @media screen and (min-width: 768px) {
    .etx-card > .etx-card-item.tab-s\:pl-25 {
      padding-left: var(--etx-card-padding-h-25); } }
    @media screen and (min-width: 768px) {
    .etx-card > .etx-card-item.tab-s\:pl-0 {
      padding-left: 0px; } }
    @media screen and (min-width: 1000px) {
    .etx-card > .etx-card-item.tab-m\:pl-200 {
      padding-left: var(--etx-card-padding-h-200); } }
    @media screen and (min-width: 1000px) {
    .etx-card > .etx-card-item.tab-m\:pl-100 {
      padding-left: var(--etx-card-padding-h-100); } }
    @media screen and (min-width: 1000px) {
    .etx-card > .etx-card-item.tab-m\:pl-75 {
      padding-left: var(--etx-card-padding-h-75); } }
    @media screen and (min-width: 1000px) {
    .etx-card > .etx-card-item.tab-m\:pl-50 {
      padding-left: var(--etx-card-padding-h-50); } }
    @media screen and (min-width: 1000px) {
    .etx-card > .etx-card-item.tab-m\:pl-25 {
      padding-left: var(--etx-card-padding-h-25); } }
    @media screen and (min-width: 1000px) {
    .etx-card > .etx-card-item.tab-m\:pl-0 {
      padding-left: 0px; } }
    @media screen and (min-width: 1200px) {
    .etx-card > .etx-card-item.tab-l\:pl-200 {
      padding-left: var(--etx-card-padding-h-200); } }
    @media screen and (min-width: 1200px) {
    .etx-card > .etx-card-item.tab-l\:pl-100 {
      padding-left: var(--etx-card-padding-h-100); } }
    @media screen and (min-width: 1200px) {
    .etx-card > .etx-card-item.tab-l\:pl-75 {
      padding-left: var(--etx-card-padding-h-75); } }
    @media screen and (min-width: 1200px) {
    .etx-card > .etx-card-item.tab-l\:pl-50 {
      padding-left: var(--etx-card-padding-h-50); } }
    @media screen and (min-width: 1200px) {
    .etx-card > .etx-card-item.tab-l\:pl-25 {
      padding-left: var(--etx-card-padding-h-25); } }
    @media screen and (min-width: 1200px) {
    .etx-card > .etx-card-item.tab-l\:pl-0 {
      padding-left: 0px; } }
    @media screen and (min-width: 1500px) {
    .etx-card > .etx-card-item.desk-s\:pl-200 {
      padding-left: var(--etx-card-padding-h-200); } }
    @media screen and (min-width: 1500px) {
    .etx-card > .etx-card-item.desk-s\:pl-100 {
      padding-left: var(--etx-card-padding-h-100); } }
    @media screen and (min-width: 1500px) {
    .etx-card > .etx-card-item.desk-s\:pl-75 {
      padding-left: var(--etx-card-padding-h-75); } }
    @media screen and (min-width: 1500px) {
    .etx-card > .etx-card-item.desk-s\:pl-50 {
      padding-left: var(--etx-card-padding-h-50); } }
    @media screen and (min-width: 1500px) {
    .etx-card > .etx-card-item.desk-s\:pl-25 {
      padding-left: var(--etx-card-padding-h-25); } }
    @media screen and (min-width: 1500px) {
    .etx-card > .etx-card-item.desk-s\:pl-0 {
      padding-left: 0px; } }
    @media screen and (min-width: 1680px) {
    .etx-card > .etx-card-item.desk-m\:pl-200 {
      padding-left: var(--etx-card-padding-h-200); } }
    @media screen and (min-width: 1680px) {
    .etx-card > .etx-card-item.desk-m\:pl-100 {
      padding-left: var(--etx-card-padding-h-100); } }
    @media screen and (min-width: 1680px) {
    .etx-card > .etx-card-item.desk-m\:pl-75 {
      padding-left: var(--etx-card-padding-h-75); } }
    @media screen and (min-width: 1680px) {
    .etx-card > .etx-card-item.desk-m\:pl-50 {
      padding-left: var(--etx-card-padding-h-50); } }
    @media screen and (min-width: 1680px) {
    .etx-card > .etx-card-item.desk-m\:pl-25 {
      padding-left: var(--etx-card-padding-h-25); } }
    @media screen and (min-width: 1680px) {
    .etx-card > .etx-card-item.desk-m\:pl-0 {
      padding-left: 0px; } }
    @media screen and (min-width: 2000px) {
    .etx-card > .etx-card-item.desk-l\:pl-200 {
      padding-left: var(--etx-card-padding-h-200); } }
    @media screen and (min-width: 2000px) {
    .etx-card > .etx-card-item.desk-l\:pl-100 {
      padding-left: var(--etx-card-padding-h-100); } }
    @media screen and (min-width: 2000px) {
    .etx-card > .etx-card-item.desk-l\:pl-75 {
      padding-left: var(--etx-card-padding-h-75); } }
    @media screen and (min-width: 2000px) {
    .etx-card > .etx-card-item.desk-l\:pl-50 {
      padding-left: var(--etx-card-padding-h-50); } }
    @media screen and (min-width: 2000px) {
    .etx-card > .etx-card-item.desk-l\:pl-25 {
      padding-left: var(--etx-card-padding-h-25); } }
    @media screen and (min-width: 2000px) {
    .etx-card > .etx-card-item.desk-l\:pl-0 {
      padding-left: 0px; } }
    .etx-card > .etx-card-item.pr-200 {
      padding-right: var(--etx-card-padding-h-200); }
    .etx-card > .etx-card-item.pr-75 {
      padding-right: var(--etx-card-padding-h-75); }
    .etx-card > .etx-card-item.pr-50 {
      padding-right: var(--etx-card-padding-h-50); }
    .etx-card > .etx-card-item.pr-25 {
      padding-right: var(--etx-card-padding-h-25); }
    .etx-card > .etx-card-item.pr-0 {
      padding-right: 0px; }
    @media screen and (min-width: 480px) {
    .etx-card > .etx-card-item.mob-m\:pr-200 {
      padding-right: var(--etx-card-padding-h-200); } }
    @media screen and (min-width: 480px) {
    .etx-card > .etx-card-item.mob-m\:pr-100 {
      padding-right: var(--etx-card-padding-h-100); } }
    @media screen and (min-width: 480px) {
    .etx-card > .etx-card-item.mob-m\:pr-75 {
      padding-right: var(--etx-card-padding-h-75); } }
    @media screen and (min-width: 480px) {
    .etx-card > .etx-card-item.mob-m\:pr-50 {
      padding-right: var(--etx-card-padding-h-50); } }
    @media screen and (min-width: 480px) {
    .etx-card > .etx-card-item.mob-m\:pr-25 {
      padding-right: var(--etx-card-padding-h-25); } }
    @media screen and (min-width: 480px) {
    .etx-card > .etx-card-item.mob-m\:pr-0 {
      padding-right: 0px; } }
    @media screen and (min-width: 650px) {
    .etx-card > .etx-card-item.mob-l\:pr-200 {
      padding-right: var(--etx-card-padding-h-200); } }
    @media screen and (min-width: 650px) {
    .etx-card > .etx-card-item.mob-l\:pr-100 {
      padding-right: var(--etx-card-padding-h-100); } }
    @media screen and (min-width: 650px) {
    .etx-card > .etx-card-item.mob-l\:pr-75 {
      padding-right: var(--etx-card-padding-h-75); } }
    @media screen and (min-width: 650px) {
    .etx-card > .etx-card-item.mob-l\:pr-50 {
      padding-right: var(--etx-card-padding-h-50); } }
    @media screen and (min-width: 650px) {
    .etx-card > .etx-card-item.mob-l\:pr-25 {
      padding-right: var(--etx-card-padding-h-25); } }
    @media screen and (min-width: 650px) {
    .etx-card > .etx-card-item.mob-l\:pr-0 {
      padding-right: 0px; } }
    @media screen and (min-width: 768px) {
    .etx-card > .etx-card-item.tab-s\:pr-200 {
      padding-right: var(--etx-card-padding-h-200); } }
    @media screen and (min-width: 768px) {
    .etx-card > .etx-card-item.tab-s\:pr-100 {
      padding-right: var(--etx-card-padding-h-100); } }
    @media screen and (min-width: 768px) {
    .etx-card > .etx-card-item.tab-s\:pr-75 {
      padding-right: var(--etx-card-padding-h-75); } }
    @media screen and (min-width: 768px) {
    .etx-card > .etx-card-item.tab-s\:pr-50 {
      padding-right: var(--etx-card-padding-h-50); } }
    @media screen and (min-width: 768px) {
    .etx-card > .etx-card-item.tab-s\:pr-25 {
      padding-right: var(--etx-card-padding-h-25); } }
    @media screen and (min-width: 768px) {
    .etx-card > .etx-card-item.tab-s\:pr-0 {
      padding-right: 0px; } }
    @media screen and (min-width: 1000px) {
    .etx-card > .etx-card-item.tab-m\:pr-200 {
      padding-right: var(--etx-card-padding-h-200); } }
    @media screen and (min-width: 1000px) {
    .etx-card > .etx-card-item.tab-m\:pr-100 {
      padding-right: var(--etx-card-padding-h-100); } }
    @media screen and (min-width: 1000px) {
    .etx-card > .etx-card-item.tab-m\:pr-75 {
      padding-right: var(--etx-card-padding-h-75); } }
    @media screen and (min-width: 1000px) {
    .etx-card > .etx-card-item.tab-m\:pr-50 {
      padding-right: var(--etx-card-padding-h-50); } }
    @media screen and (min-width: 1000px) {
    .etx-card > .etx-card-item.tab-m\:pr-25 {
      padding-right: var(--etx-card-padding-h-25); } }
    @media screen and (min-width: 1000px) {
    .etx-card > .etx-card-item.tab-m\:pr-0 {
      padding-right: 0px; } }
    @media screen and (min-width: 1200px) {
    .etx-card > .etx-card-item.tab-l\:pr-200 {
      padding-right: var(--etx-card-padding-h-200); } }
    @media screen and (min-width: 1200px) {
    .etx-card > .etx-card-item.tab-l\:pr-100 {
      padding-right: var(--etx-card-padding-h-100); } }
    @media screen and (min-width: 1200px) {
    .etx-card > .etx-card-item.tab-l\:pr-75 {
      padding-right: var(--etx-card-padding-h-75); } }
    @media screen and (min-width: 1200px) {
    .etx-card > .etx-card-item.tab-l\:pr-50 {
      padding-right: var(--etx-card-padding-h-50); } }
    @media screen and (min-width: 1200px) {
    .etx-card > .etx-card-item.tab-l\:pr-25 {
      padding-right: var(--etx-card-padding-h-25); } }
    @media screen and (min-width: 1200px) {
    .etx-card > .etx-card-item.tab-l\:pr-0 {
      padding-right: 0px; } }
    @media screen and (min-width: 1500px) {
    .etx-card > .etx-card-item.desk-s\:pr-200 {
      padding-right: var(--etx-card-padding-h-200); } }
    @media screen and (min-width: 1500px) {
    .etx-card > .etx-card-item.desk-s\:pr-100 {
      padding-right: var(--etx-card-padding-h-100); } }
    @media screen and (min-width: 1500px) {
    .etx-card > .etx-card-item.desk-s\:pr-75 {
      padding-right: var(--etx-card-padding-h-75); } }
    @media screen and (min-width: 1500px) {
    .etx-card > .etx-card-item.desk-s\:pr-50 {
      padding-right: var(--etx-card-padding-h-50); } }
    @media screen and (min-width: 1500px) {
    .etx-card > .etx-card-item.desk-s\:pr-25 {
      padding-right: var(--etx-card-padding-h-25); } }
    @media screen and (min-width: 1500px) {
    .etx-card > .etx-card-item.desk-s\:pr-0 {
      padding-right: 0px; } }
    @media screen and (min-width: 1680px) {
    .etx-card > .etx-card-item.desk-m\:pr-200 {
      padding-right: var(--etx-card-padding-h-200); } }
    @media screen and (min-width: 1680px) {
    .etx-card > .etx-card-item.desk-m\:pr-100 {
      padding-right: var(--etx-card-padding-h-100); } }
    @media screen and (min-width: 1680px) {
    .etx-card > .etx-card-item.desk-m\:pr-75 {
      padding-right: var(--etx-card-padding-h-75); } }
    @media screen and (min-width: 1680px) {
    .etx-card > .etx-card-item.desk-m\:pr-50 {
      padding-right: var(--etx-card-padding-h-50); } }
    @media screen and (min-width: 1680px) {
    .etx-card > .etx-card-item.desk-m\:pr-25 {
      padding-right: var(--etx-card-padding-h-25); } }
    @media screen and (min-width: 1680px) {
    .etx-card > .etx-card-item.desk-m\:pr-0 {
      padding-right: 0px; } }
    @media screen and (min-width: 2000px) {
    .etx-card > .etx-card-item.desk-l\:pr-200 {
      padding-right: var(--etx-card-padding-h-200); } }
    @media screen and (min-width: 2000px) {
    .etx-card > .etx-card-item.desk-l\:pr-100 {
      padding-right: var(--etx-card-padding-h-100); } }
    @media screen and (min-width: 2000px) {
    .etx-card > .etx-card-item.desk-l\:pr-75 {
      padding-right: var(--etx-card-padding-h-75); } }
    @media screen and (min-width: 2000px) {
    .etx-card > .etx-card-item.desk-l\:pr-50 {
      padding-right: var(--etx-card-padding-h-50); } }
    @media screen and (min-width: 2000px) {
    .etx-card > .etx-card-item.desk-l\:pr-25 {
      padding-right: var(--etx-card-padding-h-25); } }
    @media screen and (min-width: 2000px) {
    .etx-card > .etx-card-item.desk-l\:pr-0 {
      padding-right: 0px; } }
    .etx-card > .etx-card-item.pt-200 {
      padding-top: var(--etx-card-padding-v-200); }
    .etx-card > .etx-card-item.pt-75 {
      padding-top: var(--etx-card-padding-v-75); }
    .etx-card > .etx-card-item.pt-50 {
      padding-top: var(--etx-card-padding-v-50); }
    .etx-card > .etx-card-item.pt-25 {
      padding-top: var(--etx-card-padding-v-25); }
    .etx-card > .etx-card-item.pt-0 {
      padding-top: 0px; }
    @media screen and (min-width: 480px) {
    .etx-card > .etx-card-item.mob-m\:pt-200 {
      padding-top: var(--etx-card-padding-v-200); } }
    @media screen and (min-width: 480px) {
    .etx-card > .etx-card-item.mob-m\:pt-100 {
      padding-top: var(--etx-card-padding-v-100); } }
    @media screen and (min-width: 480px) {
    .etx-card > .etx-card-item.mob-m\:pt-75 {
      padding-top: var(--etx-card-padding-v-75); } }
    @media screen and (min-width: 480px) {
    .etx-card > .etx-card-item.mob-m\:pt-50 {
      padding-top: var(--etx-card-padding-v-50); } }
    @media screen and (min-width: 480px) {
    .etx-card > .etx-card-item.mob-m\:pt-25 {
      padding-top: var(--etx-card-padding-v-25); } }
    @media screen and (min-width: 480px) {
    .etx-card > .etx-card-item.mob-m\:pt-0 {
      padding-top: 0px; } }
    @media screen and (min-width: 650px) {
    .etx-card > .etx-card-item.mob-l\:pt-200 {
      padding-top: var(--etx-card-padding-v-200); } }
    @media screen and (min-width: 650px) {
    .etx-card > .etx-card-item.mob-l\:pt-100 {
      padding-top: var(--etx-card-padding-v-100); } }
    @media screen and (min-width: 650px) {
    .etx-card > .etx-card-item.mob-l\:pt-75 {
      padding-top: var(--etx-card-padding-v-75); } }
    @media screen and (min-width: 650px) {
    .etx-card > .etx-card-item.mob-l\:pt-50 {
      padding-top: var(--etx-card-padding-v-50); } }
    @media screen and (min-width: 650px) {
    .etx-card > .etx-card-item.mob-l\:pt-25 {
      padding-top: var(--etx-card-padding-v-25); } }
    @media screen and (min-width: 650px) {
    .etx-card > .etx-card-item.mob-l\:pt-0 {
      padding-top: 0px; } }
    @media screen and (min-width: 768px) {
    .etx-card > .etx-card-item.tab-s\:pt-200 {
      padding-top: var(--etx-card-padding-v-200); } }
    @media screen and (min-width: 768px) {
    .etx-card > .etx-card-item.tab-s\:pt-100 {
      padding-top: var(--etx-card-padding-v-100); } }
    @media screen and (min-width: 768px) {
    .etx-card > .etx-card-item.tab-s\:pt-75 {
      padding-top: var(--etx-card-padding-v-75); } }
    @media screen and (min-width: 768px) {
    .etx-card > .etx-card-item.tab-s\:pt-50 {
      padding-top: var(--etx-card-padding-v-50); } }
    @media screen and (min-width: 768px) {
    .etx-card > .etx-card-item.tab-s\:pt-25 {
      padding-top: var(--etx-card-padding-v-25); } }
    @media screen and (min-width: 768px) {
    .etx-card > .etx-card-item.tab-s\:pt-0 {
      padding-top: 0px; } }
    @media screen and (min-width: 1000px) {
    .etx-card > .etx-card-item.tab-m\:pt-200 {
      padding-top: var(--etx-card-padding-v-200); } }
    @media screen and (min-width: 1000px) {
    .etx-card > .etx-card-item.tab-m\:pt-100 {
      padding-top: var(--etx-card-padding-v-100); } }
    @media screen and (min-width: 1000px) {
    .etx-card > .etx-card-item.tab-m\:pt-75 {
      padding-top: var(--etx-card-padding-v-75); } }
    @media screen and (min-width: 1000px) {
    .etx-card > .etx-card-item.tab-m\:pt-50 {
      padding-top: var(--etx-card-padding-v-50); } }
    @media screen and (min-width: 1000px) {
    .etx-card > .etx-card-item.tab-m\:pt-25 {
      padding-top: var(--etx-card-padding-v-25); } }
    @media screen and (min-width: 1000px) {
    .etx-card > .etx-card-item.tab-m\:pt-0 {
      padding-top: 0px; } }
    @media screen and (min-width: 1200px) {
    .etx-card > .etx-card-item.tab-l\:pt-200 {
      padding-top: var(--etx-card-padding-v-200); } }
    @media screen and (min-width: 1200px) {
    .etx-card > .etx-card-item.tab-l\:pt-100 {
      padding-top: var(--etx-card-padding-v-100); } }
    @media screen and (min-width: 1200px) {
    .etx-card > .etx-card-item.tab-l\:pt-75 {
      padding-top: var(--etx-card-padding-v-75); } }
    @media screen and (min-width: 1200px) {
    .etx-card > .etx-card-item.tab-l\:pt-50 {
      padding-top: var(--etx-card-padding-v-50); } }
    @media screen and (min-width: 1200px) {
    .etx-card > .etx-card-item.tab-l\:pt-25 {
      padding-top: var(--etx-card-padding-v-25); } }
    @media screen and (min-width: 1200px) {
    .etx-card > .etx-card-item.tab-l\:pt-0 {
      padding-top: 0px; } }
    @media screen and (min-width: 1500px) {
    .etx-card > .etx-card-item.desk-s\:pt-200 {
      padding-top: var(--etx-card-padding-v-200); } }
    @media screen and (min-width: 1500px) {
    .etx-card > .etx-card-item.desk-s\:pt-100 {
      padding-top: var(--etx-card-padding-v-100); } }
    @media screen and (min-width: 1500px) {
    .etx-card > .etx-card-item.desk-s\:pt-75 {
      padding-top: var(--etx-card-padding-v-75); } }
    @media screen and (min-width: 1500px) {
    .etx-card > .etx-card-item.desk-s\:pt-50 {
      padding-top: var(--etx-card-padding-v-50); } }
    @media screen and (min-width: 1500px) {
    .etx-card > .etx-card-item.desk-s\:pt-25 {
      padding-top: var(--etx-card-padding-v-25); } }
    @media screen and (min-width: 1500px) {
    .etx-card > .etx-card-item.desk-s\:pt-0 {
      padding-top: 0px; } }
    @media screen and (min-width: 1680px) {
    .etx-card > .etx-card-item.desk-m\:pt-200 {
      padding-top: var(--etx-card-padding-v-200); } }
    @media screen and (min-width: 1680px) {
    .etx-card > .etx-card-item.desk-m\:pt-100 {
      padding-top: var(--etx-card-padding-v-100); } }
    @media screen and (min-width: 1680px) {
    .etx-card > .etx-card-item.desk-m\:pt-75 {
      padding-top: var(--etx-card-padding-v-75); } }
    @media screen and (min-width: 1680px) {
    .etx-card > .etx-card-item.desk-m\:pt-50 {
      padding-top: var(--etx-card-padding-v-50); } }
    @media screen and (min-width: 1680px) {
    .etx-card > .etx-card-item.desk-m\:pt-25 {
      padding-top: var(--etx-card-padding-v-25); } }
    @media screen and (min-width: 1680px) {
    .etx-card > .etx-card-item.desk-m\:pt-0 {
      padding-top: 0px; } }
    @media screen and (min-width: 2000px) {
    .etx-card > .etx-card-item.desk-l\:pt-200 {
      padding-top: var(--etx-card-padding-v-200); } }
    @media screen and (min-width: 2000px) {
    .etx-card > .etx-card-item.desk-l\:pt-100 {
      padding-top: var(--etx-card-padding-v-100); } }
    @media screen and (min-width: 2000px) {
    .etx-card > .etx-card-item.desk-l\:pt-75 {
      padding-top: var(--etx-card-padding-v-75); } }
    @media screen and (min-width: 2000px) {
    .etx-card > .etx-card-item.desk-l\:pt-50 {
      padding-top: var(--etx-card-padding-v-50); } }
    @media screen and (min-width: 2000px) {
    .etx-card > .etx-card-item.desk-l\:pt-25 {
      padding-top: var(--etx-card-padding-v-25); } }
    @media screen and (min-width: 2000px) {
    .etx-card > .etx-card-item.desk-l\:pt-0 {
      padding-top: 0px; } }
    .etx-card > .etx-card-item.pb-200 {
      padding-bottom: var(--etx-card-padding-v-200); }
    .etx-card > .etx-card-item.pb-75 {
      padding-bottom: var(--etx-card-padding-v-75); }
    .etx-card > .etx-card-item.pb-50 {
      padding-bottom: var(--etx-card-padding-v-50); }
    .etx-card > .etx-card-item.pb-25 {
      padding-bottom: var(--etx-card-padding-v-25); }
    .etx-card > .etx-card-item.pb-0 {
      padding-bottom: 0px; }
    @media screen and (min-width: 480px) {
    .etx-card > .etx-card-item.mob-m\:pb-200 {
      padding-bottom: var(--etx-card-padding-v-200); } }
    @media screen and (min-width: 480px) {
    .etx-card > .etx-card-item.mob-m\:pb-100 {
      padding-bottom: var(--etx-card-padding-v-100); } }
    @media screen and (min-width: 480px) {
    .etx-card > .etx-card-item.mob-m\:pb-75 {
      padding-bottom: var(--etx-card-padding-v-75); } }
    @media screen and (min-width: 480px) {
    .etx-card > .etx-card-item.mob-m\:pb-50 {
      padding-bottom: var(--etx-card-padding-v-50); } }
    @media screen and (min-width: 480px) {
    .etx-card > .etx-card-item.mob-m\:pb-25 {
      padding-bottom: var(--etx-card-padding-v-25); } }
    @media screen and (min-width: 480px) {
    .etx-card > .etx-card-item.mob-m\:pb-0 {
      padding-bottom: 0px; } }
    @media screen and (min-width: 650px) {
    .etx-card > .etx-card-item.mob-l\:pb-200 {
      padding-bottom: var(--etx-card-padding-v-200); } }
    @media screen and (min-width: 650px) {
    .etx-card > .etx-card-item.mob-l\:pb-100 {
      padding-bottom: var(--etx-card-padding-v-100); } }
    @media screen and (min-width: 650px) {
    .etx-card > .etx-card-item.mob-l\:pb-75 {
      padding-bottom: var(--etx-card-padding-v-75); } }
    @media screen and (min-width: 650px) {
    .etx-card > .etx-card-item.mob-l\:pb-50 {
      padding-bottom: var(--etx-card-padding-v-50); } }
    @media screen and (min-width: 650px) {
    .etx-card > .etx-card-item.mob-l\:pb-25 {
      padding-bottom: var(--etx-card-padding-v-25); } }
    @media screen and (min-width: 650px) {
    .etx-card > .etx-card-item.mob-l\:pb-0 {
      padding-bottom: 0px; } }
    @media screen and (min-width: 768px) {
    .etx-card > .etx-card-item.tab-s\:pb-200 {
      padding-bottom: var(--etx-card-padding-v-200); } }
    @media screen and (min-width: 768px) {
    .etx-card > .etx-card-item.tab-s\:pb-100 {
      padding-bottom: var(--etx-card-padding-v-100); } }
    @media screen and (min-width: 768px) {
    .etx-card > .etx-card-item.tab-s\:pb-75 {
      padding-bottom: var(--etx-card-padding-v-75); } }
    @media screen and (min-width: 768px) {
    .etx-card > .etx-card-item.tab-s\:pb-50 {
      padding-bottom: var(--etx-card-padding-v-50); } }
    @media screen and (min-width: 768px) {
    .etx-card > .etx-card-item.tab-s\:pb-25 {
      padding-bottom: var(--etx-card-padding-v-25); } }
    @media screen and (min-width: 768px) {
    .etx-card > .etx-card-item.tab-s\:pb-0 {
      padding-bottom: 0px; } }
    @media screen and (min-width: 1000px) {
    .etx-card > .etx-card-item.tab-m\:pb-200 {
      padding-bottom: var(--etx-card-padding-v-200); } }
    @media screen and (min-width: 1000px) {
    .etx-card > .etx-card-item.tab-m\:pb-100 {
      padding-bottom: var(--etx-card-padding-v-100); } }
    @media screen and (min-width: 1000px) {
    .etx-card > .etx-card-item.tab-m\:pb-75 {
      padding-bottom: var(--etx-card-padding-v-75); } }
    @media screen and (min-width: 1000px) {
    .etx-card > .etx-card-item.tab-m\:pb-50 {
      padding-bottom: var(--etx-card-padding-v-50); } }
    @media screen and (min-width: 1000px) {
    .etx-card > .etx-card-item.tab-m\:pb-25 {
      padding-bottom: var(--etx-card-padding-v-25); } }
    @media screen and (min-width: 1000px) {
    .etx-card > .etx-card-item.tab-m\:pb-0 {
      padding-bottom: 0px; } }
    @media screen and (min-width: 1200px) {
    .etx-card > .etx-card-item.tab-l\:pb-200 {
      padding-bottom: var(--etx-card-padding-v-200); } }
    @media screen and (min-width: 1200px) {
    .etx-card > .etx-card-item.tab-l\:pb-100 {
      padding-bottom: var(--etx-card-padding-v-100); } }
    @media screen and (min-width: 1200px) {
    .etx-card > .etx-card-item.tab-l\:pb-75 {
      padding-bottom: var(--etx-card-padding-v-75); } }
    @media screen and (min-width: 1200px) {
    .etx-card > .etx-card-item.tab-l\:pb-50 {
      padding-bottom: var(--etx-card-padding-v-50); } }
    @media screen and (min-width: 1200px) {
    .etx-card > .etx-card-item.tab-l\:pb-25 {
      padding-bottom: var(--etx-card-padding-v-25); } }
    @media screen and (min-width: 1200px) {
    .etx-card > .etx-card-item.tab-l\:pb-0 {
      padding-bottom: 0px; } }
    @media screen and (min-width: 1500px) {
    .etx-card > .etx-card-item.desk-s\:pb-200 {
      padding-bottom: var(--etx-card-padding-v-200); } }
    @media screen and (min-width: 1500px) {
    .etx-card > .etx-card-item.desk-s\:pb-100 {
      padding-bottom: var(--etx-card-padding-v-100); } }
    @media screen and (min-width: 1500px) {
    .etx-card > .etx-card-item.desk-s\:pb-75 {
      padding-bottom: var(--etx-card-padding-v-75); } }
    @media screen and (min-width: 1500px) {
    .etx-card > .etx-card-item.desk-s\:pb-50 {
      padding-bottom: var(--etx-card-padding-v-50); } }
    @media screen and (min-width: 1500px) {
    .etx-card > .etx-card-item.desk-s\:pb-25 {
      padding-bottom: var(--etx-card-padding-v-25); } }
    @media screen and (min-width: 1500px) {
    .etx-card > .etx-card-item.desk-s\:pb-0 {
      padding-bottom: 0px; } }
    @media screen and (min-width: 1680px) {
    .etx-card > .etx-card-item.desk-m\:pb-200 {
      padding-bottom: var(--etx-card-padding-v-200); } }
    @media screen and (min-width: 1680px) {
    .etx-card > .etx-card-item.desk-m\:pb-100 {
      padding-bottom: var(--etx-card-padding-v-100); } }
    @media screen and (min-width: 1680px) {
    .etx-card > .etx-card-item.desk-m\:pb-75 {
      padding-bottom: var(--etx-card-padding-v-75); } }
    @media screen and (min-width: 1680px) {
    .etx-card > .etx-card-item.desk-m\:pb-50 {
      padding-bottom: var(--etx-card-padding-v-50); } }
    @media screen and (min-width: 1680px) {
    .etx-card > .etx-card-item.desk-m\:pb-25 {
      padding-bottom: var(--etx-card-padding-v-25); } }
    @media screen and (min-width: 1680px) {
    .etx-card > .etx-card-item.desk-m\:pb-0 {
      padding-bottom: 0px; } }
    @media screen and (min-width: 2000px) {
    .etx-card > .etx-card-item.desk-l\:pb-200 {
      padding-bottom: var(--etx-card-padding-v-200); } }
    @media screen and (min-width: 2000px) {
    .etx-card > .etx-card-item.desk-l\:pb-100 {
      padding-bottom: var(--etx-card-padding-v-100); } }
    @media screen and (min-width: 2000px) {
    .etx-card > .etx-card-item.desk-l\:pb-75 {
      padding-bottom: var(--etx-card-padding-v-75); } }
    @media screen and (min-width: 2000px) {
    .etx-card > .etx-card-item.desk-l\:pb-50 {
      padding-bottom: var(--etx-card-padding-v-50); } }
    @media screen and (min-width: 2000px) {
    .etx-card > .etx-card-item.desk-l\:pb-25 {
      padding-bottom: var(--etx-card-padding-v-25); } }
    @media screen and (min-width: 2000px) {
    .etx-card > .etx-card-item.desk-l\:pb-0 {
      padding-bottom: 0px; } }
    .etx-card > .etx-card-item.grow-1 {
      flex-grow: 1; }
    @media screen and (min-width: 480px) {
    .etx-card > .etx-card-item.mob-m\:grow-1 {
      flex-grow: 1; } }
    @media screen and (min-width: 480px) {
    .etx-card > .etx-card-item.mob-m\:grow-0 {
      flex-grow: 0; } }
    @media screen and (min-width: 650px) {
    .etx-card > .etx-card-item.mob-l\:grow-1 {
      flex-grow: 1; } }
    @media screen and (min-width: 650px) {
    .etx-card > .etx-card-item.mob-l\:grow-0 {
      flex-grow: 0; } }
    @media screen and (min-width: 768px) {
    .etx-card > .etx-card-item.tab-s\:grow-1 {
      flex-grow: 1; } }
    @media screen and (min-width: 768px) {
    .etx-card > .etx-card-item.tab-s\:grow-0 {
      flex-grow: 0; } }
    @media screen and (min-width: 1000px) {
    .etx-card > .etx-card-item.tab-m\:grow-1 {
      flex-grow: 1; } }
    @media screen and (min-width: 1000px) {
    .etx-card > .etx-card-item.tab-m\:grow-0 {
      flex-grow: 0; } }
    @media screen and (min-width: 1200px) {
    .etx-card > .etx-card-item.tab-l\:grow-1 {
      flex-grow: 1; } }
    @media screen and (min-width: 1200px) {
    .etx-card > .etx-card-item.tab-l\:grow-0 {
      flex-grow: 0; } }
    @media screen and (min-width: 1500px) {
    .etx-card > .etx-card-item.desk-s\:grow-1 {
      flex-grow: 1; } }
    @media screen and (min-width: 1500px) {
    .etx-card > .etx-card-item.desk-s\:grow-0 {
      flex-grow: 0; } }
    @media screen and (min-width: 1680px) {
    .etx-card > .etx-card-item.desk-m\:grow-1 {
      flex-grow: 1; } }
    @media screen and (min-width: 1680px) {
    .etx-card > .etx-card-item.desk-m\:grow-0 {
      flex-grow: 0; } }
    @media screen and (min-width: 2000px) {
    .etx-card > .etx-card-item.desk-l\:grow-1 {
      flex-grow: 1; } }
    @media screen and (min-width: 2000px) {
    .etx-card > .etx-card-item.desk-l\:grow-0 {
      flex-grow: 0; } }
  .etx-card > .etx-card-separator {
    flex: 0 0 auto;
    width: 100%;
    height: 1px;
    background-color: var(--color-dark-1); }
  .etx-card.border-radius {
    border-radius: var(--border-radius); }
  .etx-card.overflow-hidden {
    overflow: hidden; }

.etx-text {
  /* Align */ }
  .etx-text > *:first-child {
    margin-top: 0px !important;
    margin-block-start: 0px !important; }
  .etx-text > *:last-child {
    margin-bottom: 0px !important;
    margin-block-end: 0px !important; }
  .etx-text ul {
    padding-left: 25px; }
  .etx-text.a-left {
    text-align: left; }
  .etx-text.a-center {
    text-align: center; }
  .etx-text.a-right {
    text-align: right; }
  @media screen and (min-width: 480px) {
    .etx-text.mob-m\:a-left {
      text-align: left; } }
  @media screen and (min-width: 480px) {
    .etx-text.mob-m\:a-center {
      text-align: center; } }
  @media screen and (min-width: 480px) {
    .etx-text.mob-m\:a-right {
      text-align: right; } }
  @media screen and (min-width: 650px) {
    .etx-text.mob-l\:a-left {
      text-align: left; } }
  @media screen and (min-width: 650px) {
    .etx-text.mob-l\:a-center {
      text-align: center; } }
  @media screen and (min-width: 650px) {
    .etx-text.mob-l\:a-right {
      text-align: right; } }
  @media screen and (min-width: 768px) {
    .etx-text.tab-s\:a-left {
      text-align: left; } }
  @media screen and (min-width: 768px) {
    .etx-text.tab-s\:a-center {
      text-align: center; } }
  @media screen and (min-width: 768px) {
    .etx-text.tab-s\:a-right {
      text-align: right; } }
  @media screen and (min-width: 1000px) {
    .etx-text.tab-m\:a-left {
      text-align: left; } }
  @media screen and (min-width: 1000px) {
    .etx-text.tab-m\:a-center {
      text-align: center; } }
  @media screen and (min-width: 1000px) {
    .etx-text.tab-m\:a-right {
      text-align: right; } }
  @media screen and (min-width: 1200px) {
    .etx-text.tab-l\:a-left {
      text-align: left; } }
  @media screen and (min-width: 1200px) {
    .etx-text.tab-l\:a-center {
      text-align: center; } }
  @media screen and (min-width: 1200px) {
    .etx-text.tab-l\:a-right {
      text-align: right; } }
  @media screen and (min-width: 1500px) {
    .etx-text.desk-s\:a-left {
      text-align: left; } }
  @media screen and (min-width: 1500px) {
    .etx-text.desk-s\:a-center {
      text-align: center; } }
  @media screen and (min-width: 1500px) {
    .etx-text.desk-s\:a-right {
      text-align: right; } }
  @media screen and (min-width: 1680px) {
    .etx-text.desk-m\:a-left {
      text-align: left; } }
  @media screen and (min-width: 1680px) {
    .etx-text.desk-m\:a-center {
      text-align: center; } }
  @media screen and (min-width: 1680px) {
    .etx-text.desk-m\:a-right {
      text-align: right; } }
  @media screen and (min-width: 2000px) {
    .etx-text.desk-l\:a-left {
      text-align: left; } }
  @media screen and (min-width: 2000px) {
    .etx-text.desk-l\:a-center {
      text-align: center; } }
  @media screen and (min-width: 2000px) {
    .etx-text.desk-l\:a-right {
      text-align: right; } }

.etx-text-crop {
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  -webkit-box-orient: vertical;
  display: -webkit-box; }
  .etx-text-crop.line-1 {
    -webkit-line-clamp: 1;
    height: var(--line-height); }
  .etx-text-crop.line-2 {
    -webkit-line-clamp: 2;
    height: calc(var(--line-height)*2); }
  .etx-text-crop.line-3 {
    -webkit-line-clamp: 3;
    height: calc(var(--line-height)*3); }
  .etx-text-crop.line-4 {
    -webkit-line-clamp: 4;
    height: calc(var(--line-height)*4); }

.etx-pill, .Header .Header__navigation .Header__navigation__item {
  flex-flow: row nowrap;
  align-items: center;
  display: inline-flex;
  min-height: 2.5em;
  border-radius: 50px;
  background-color: var(--color-dark-1);
  color: var(--color-white-1); }
  .etx-pill .etx-pill__icon, .Header .Header__navigation .Header__navigation__item .etx-pill__icon {
    flex: 0 0 auto;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    text-align: center; }
    .etx-pill .etx-pill__icon + .etx-pill__text, .Header .Header__navigation .Header__navigation__item .etx-pill__icon + .etx-pill__text {
      margin-left: -0.5em; }
  .etx-pill .etx-pill__text, .Header .Header__navigation .Header__navigation__item .etx-pill__text {
    flex: 1 1 auto;
    padding-left: 1em;
    padding-right: 1em;
    text-align: center; }
    .etx-pill .etx-pill__text + .etx-pill__icon, .Header .Header__navigation .Header__navigation__item .etx-pill__text + .etx-pill__icon {
      margin-left: -0.5em; }
  .etx-pill.fullwidth, .Header .Header__navigation .Header__navigation__item.fullwidth {
    display: flex; }

.etx-pill-list, .Header .Header__navigation {
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  display: flex;
  margin-left: -20px;
  margin-top: -20px;
  /* Align */ }
  .etx-pill-list .etx-pill, .Header .Header__navigation .etx-pill, .Header .Header__navigation .Header .Header__navigation .Header__navigation__item, .etx-pill-list .Header .Header__navigation .Header__navigation__item, .Header .Header__navigation .etx-pill-list .Header__navigation__item {
    flex: 0 0 auto;
    margin-left: 20px;
    margin-top: 20px; }
    .etx-pill-list .etx-pill.fullwidth, .Header .Header__navigation .etx-pill.fullwidth, .Header .Header__navigation .Header .Header__navigation .Header__navigation__item.fullwidth, .etx-pill-list .Header .Header__navigation .Header__navigation__item.fullwidth, .Header .Header__navigation .etx-pill-list .Header__navigation__item.fullwidth {
      flex: 1 0 auto; }
  .etx-pill-list.a-left, .Header .Header__navigation.a-left {
    justify-content: flex-start; }
  .etx-pill-list.a-center, .Header .Header__navigation.a-center {
    justify-content: center; }
  .etx-pill-list.a-right, .Header .Header__navigation.a-right {
    justify-content: flex-end; }
  @media screen and (min-width: 480px) {
    .etx-pill-list.mob-m\:a-left, .Header .Header__navigation.mob-m\:a-left {
      justify-content: flex-start; } }
  @media screen and (min-width: 480px) {
    .etx-pill-list.mob-m\:a-center, .Header .Header__navigation.mob-m\:a-center {
      justify-content: center; } }
  @media screen and (min-width: 480px) {
    .etx-pill-list.mob-m\:a-right, .Header .Header__navigation.mob-m\:a-right {
      justify-content: flex-end; } }
  @media screen and (min-width: 650px) {
    .etx-pill-list.mob-l\:a-left, .Header .Header__navigation.mob-l\:a-left {
      justify-content: flex-start; } }
  @media screen and (min-width: 650px) {
    .etx-pill-list.mob-l\:a-center, .Header .Header__navigation.mob-l\:a-center {
      justify-content: center; } }
  @media screen and (min-width: 650px) {
    .etx-pill-list.mob-l\:a-right, .Header .Header__navigation.mob-l\:a-right {
      justify-content: flex-end; } }
  @media screen and (min-width: 768px) {
    .etx-pill-list.tab-s\:a-left, .Header .Header__navigation.tab-s\:a-left {
      justify-content: flex-start; } }
  @media screen and (min-width: 768px) {
    .etx-pill-list.tab-s\:a-center, .Header .Header__navigation.tab-s\:a-center {
      justify-content: center; } }
  @media screen and (min-width: 768px) {
    .etx-pill-list.tab-s\:a-right, .Header .Header__navigation.tab-s\:a-right {
      justify-content: flex-end; } }
  @media screen and (min-width: 1000px) {
    .etx-pill-list.tab-m\:a-left, .Header .Header__navigation.tab-m\:a-left {
      justify-content: flex-start; } }
  @media screen and (min-width: 1000px) {
    .etx-pill-list.tab-m\:a-center, .Header .Header__navigation.tab-m\:a-center {
      justify-content: center; } }
  @media screen and (min-width: 1000px) {
    .etx-pill-list.tab-m\:a-right, .Header .Header__navigation.tab-m\:a-right {
      justify-content: flex-end; } }
  @media screen and (min-width: 1200px) {
    .etx-pill-list.tab-l\:a-left, .Header .Header__navigation.tab-l\:a-left {
      justify-content: flex-start; } }
  @media screen and (min-width: 1200px) {
    .etx-pill-list.tab-l\:a-center, .Header .Header__navigation.tab-l\:a-center {
      justify-content: center; } }
  @media screen and (min-width: 1200px) {
    .etx-pill-list.tab-l\:a-right, .Header .Header__navigation.tab-l\:a-right {
      justify-content: flex-end; } }
  @media screen and (min-width: 1500px) {
    .etx-pill-list.desk-s\:a-left, .Header .Header__navigation.desk-s\:a-left {
      justify-content: flex-start; } }
  @media screen and (min-width: 1500px) {
    .etx-pill-list.desk-s\:a-center, .Header .Header__navigation.desk-s\:a-center {
      justify-content: center; } }
  @media screen and (min-width: 1500px) {
    .etx-pill-list.desk-s\:a-right, .Header .Header__navigation.desk-s\:a-right {
      justify-content: flex-end; } }
  @media screen and (min-width: 1680px) {
    .etx-pill-list.desk-m\:a-left, .Header .Header__navigation.desk-m\:a-left {
      justify-content: flex-start; } }
  @media screen and (min-width: 1680px) {
    .etx-pill-list.desk-m\:a-center, .Header .Header__navigation.desk-m\:a-center {
      justify-content: center; } }
  @media screen and (min-width: 1680px) {
    .etx-pill-list.desk-m\:a-right, .Header .Header__navigation.desk-m\:a-right {
      justify-content: flex-end; } }
  @media screen and (min-width: 2000px) {
    .etx-pill-list.desk-l\:a-left, .Header .Header__navigation.desk-l\:a-left {
      justify-content: flex-start; } }
  @media screen and (min-width: 2000px) {
    .etx-pill-list.desk-l\:a-center, .Header .Header__navigation.desk-l\:a-center {
      justify-content: center; } }
  @media screen and (min-width: 2000px) {
    .etx-pill-list.desk-l\:a-right, .Header .Header__navigation.desk-l\:a-right {
      justify-content: flex-end; } }

.etx-button {
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  min-height: 2.5em;
  padding-left: 1.25em;
  padding-right: 1.25em;
  border: 0px;
  background-color: var(--color-dark-1);
  color: var(--color-white-1); }
  .etx-button .etx-button__icon {
    flex: 0 0 auto;
    min-height: 2.5em;
    line-height: 2.5em;
    text-align: center; }
    .etx-button .etx-button__icon + .etx-button__text {
      margin-left: 1em; }
  .etx-button .etx-button__text {
    flex: 0 0 auto; }
    .etx-button .etx-button__text + .etx-button__icon {
      margin-left: 1em; }
  .etx-button.fullwidth {
    display: flex; }
  .etx-button.circle {
    width: 2.5em;
    height: 2.5em;
    min-height: auto;
    padding: 0px;
    border-radius: 50%; }

.etx-button-list {
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  display: flex;
  margin-left: -20px;
  margin-top: -20px;
  /* Align */ }
  .etx-button-list .etx-button {
    flex: 0 0 auto;
    margin-left: 20px;
    margin-top: 20px; }
    .etx-button-list .etx-button.fullwidth {
      flex: 1 0 auto; }
  .etx-button-list.a-left {
    justify-content: flex-start; }
  .etx-button-list.a-center {
    justify-content: center; }
  .etx-button-list.a-right {
    justify-content: flex-end; }
  @media screen and (min-width: 480px) {
    .etx-button-list.mob-m\:a-left {
      justify-content: flex-start; } }
  @media screen and (min-width: 480px) {
    .etx-button-list.mob-m\:a-center {
      justify-content: center; } }
  @media screen and (min-width: 480px) {
    .etx-button-list.mob-m\:a-right {
      justify-content: flex-end; } }
  @media screen and (min-width: 650px) {
    .etx-button-list.mob-l\:a-left {
      justify-content: flex-start; } }
  @media screen and (min-width: 650px) {
    .etx-button-list.mob-l\:a-center {
      justify-content: center; } }
  @media screen and (min-width: 650px) {
    .etx-button-list.mob-l\:a-right {
      justify-content: flex-end; } }
  @media screen and (min-width: 768px) {
    .etx-button-list.tab-s\:a-left {
      justify-content: flex-start; } }
  @media screen and (min-width: 768px) {
    .etx-button-list.tab-s\:a-center {
      justify-content: center; } }
  @media screen and (min-width: 768px) {
    .etx-button-list.tab-s\:a-right {
      justify-content: flex-end; } }
  @media screen and (min-width: 1000px) {
    .etx-button-list.tab-m\:a-left {
      justify-content: flex-start; } }
  @media screen and (min-width: 1000px) {
    .etx-button-list.tab-m\:a-center {
      justify-content: center; } }
  @media screen and (min-width: 1000px) {
    .etx-button-list.tab-m\:a-right {
      justify-content: flex-end; } }
  @media screen and (min-width: 1200px) {
    .etx-button-list.tab-l\:a-left {
      justify-content: flex-start; } }
  @media screen and (min-width: 1200px) {
    .etx-button-list.tab-l\:a-center {
      justify-content: center; } }
  @media screen and (min-width: 1200px) {
    .etx-button-list.tab-l\:a-right {
      justify-content: flex-end; } }
  @media screen and (min-width: 1500px) {
    .etx-button-list.desk-s\:a-left {
      justify-content: flex-start; } }
  @media screen and (min-width: 1500px) {
    .etx-button-list.desk-s\:a-center {
      justify-content: center; } }
  @media screen and (min-width: 1500px) {
    .etx-button-list.desk-s\:a-right {
      justify-content: flex-end; } }
  @media screen and (min-width: 1680px) {
    .etx-button-list.desk-m\:a-left {
      justify-content: flex-start; } }
  @media screen and (min-width: 1680px) {
    .etx-button-list.desk-m\:a-center {
      justify-content: center; } }
  @media screen and (min-width: 1680px) {
    .etx-button-list.desk-m\:a-right {
      justify-content: flex-end; } }
  @media screen and (min-width: 2000px) {
    .etx-button-list.desk-l\:a-left {
      justify-content: flex-start; } }
  @media screen and (min-width: 2000px) {
    .etx-button-list.desk-l\:a-center {
      justify-content: center; } }
  @media screen and (min-width: 2000px) {
    .etx-button-list.desk-l\:a-right {
      justify-content: flex-end; } }

.etx-item {
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  display: inline-flex;
  width: 100%;
  border: 0px; }
  .etx-item .etx-item__icon {
    flex: 0 0 auto;
    min-width: 1.5em;
    text-align: center; }
    .etx-item .etx-item__icon + .etx-item__text {
      margin-left: 1em; }
  .etx-item .etx-item__text {
    flex: 0 1 auto; }
    .etx-item .etx-item__text + .etx-item__icon {
      margin-left: 1em; }
    .etx-item .etx-item__text > *:first-child {
      margin-top: 0px; }
    .etx-item .etx-item__text > *:last-child {
      margin-bottom: 0px; }

.etx-video {
  height: 0;
  position: relative;
  padding-bottom: 56.25%; }
  .etx-video iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; }

.etx-app-wrapper ::-webkit-scrollbar-thumb {
  background: var(--color-secondary); }

.etx-card > .etx-card-separator {
  background-color: var(--color-grey-1); }
  .bg-grey-1.etx-card > .etx-card-separator {
    background-color: var(--color-grey-2); }

.etx-pill, .Header .Header__navigation .Header__navigation__item {
  min-height: 24px;
  border-radius: 50px;
  background-color: var(--color-grey-1);
  color: var(--color-text-dark);
  transition: background-color 0.4s var(--transition-timing), color 0.4s var(--transition-timing); }
  .etx-pill .etx-pill__icon, .Header .Header__navigation .Header__navigation__item .etx-pill__icon {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    position: relative;
    border-radius: 50%;
    font-size: 11px;
    line-height: 24px;
    text-align: center;
    overflow: hidden; }
  .etx-pill .etx-pill__icon::before, .Header .Header__navigation .Header__navigation__item .etx-pill__icon::before {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-color: var(--color-grey-3);
    opacity: 0.2; }
  .etx-pill .etx-pill__icon > *, .Header .Header__navigation .Header__navigation__item .etx-pill__icon > * {
    position: relative;
    line-height: inherit; }
  .etx-pill .etx-pill__text, .Header .Header__navigation .Header__navigation__item .etx-pill__text {
    padding-left: 1.25em;
    padding-right: 1.25em; }
  .etx-pill.medium, .Header .Header__navigation .Header__navigation__item.medium {
    min-height: 30px; }
  .etx-pill.medium .etx-pill__icon, .Header .Header__navigation .Header__navigation__item.medium .etx-pill__icon {
    width: 30px;
    height: 30px;
    line-height: 30px; }
  .etx-pill.medium .etx-pill__text, .Header .Header__navigation .Header__navigation__item.medium .etx-pill__text {
    line-height: var(--line-height); }
  .etx-pill.large, .Header .Header__navigation .Header__navigation__item.large {
    min-height: 38px; }
  .etx-pill.large .etx-pill__icon, .Header .Header__navigation .Header__navigation__item.large .etx-pill__icon {
    width: 38px;
    height: 38px;
    line-height: 38px; }
  .etx-pill.large .etx-pill__text, .Header .Header__navigation .Header__navigation__item.large .etx-pill__text {
    line-height: var(--line-height); }
  .etx-pill.green, .Header .Header__navigation .Header__navigation__item.green {
    background-color: var(--color-green);
    color: var(--color-white-1); }
  .etx-pill.green .etx-pill__icon::before, .Header .Header__navigation .Header__navigation__item.green .etx-pill__icon::before {
    background-color: var(--color-white-1); }
  .etx-pill.orange, .Header .Header__navigation .Header__navigation__item.orange {
    background-color: var(--color-orange);
    color: var(--color-white-1); }
  .etx-pill.orange .etx-pill__icon::before, .Header .Header__navigation .Header__navigation__item.orange .etx-pill__icon::before {
    background-color: var(--color-white-1); }
  .etx-pill.red, .Header .Header__navigation .Header__navigation__item.red {
    background-color: var(--color-red);
    color: var(--color-white-1); }
  .etx-pill.red .etx-pill__icon::before, .Header .Header__navigation .Header__navigation__item.red .etx-pill__icon::before {
    background-color: var(--color-white-1); }
  .etx-pill.steel, .Header .Header__navigation .Header__navigation__item.steel {
    background-color: var(--color-steel);
    color: var(--color-white-1); }
  .etx-pill.steel .etx-pill__icon::before, .Header .Header__navigation .Header__navigation__item.steel .etx-pill__icon::before {
    background-color: var(--color-white-1); }
  .etx-pill.blue-1, .Header .Header__navigation .Header__navigation__item.blue-1 {
    background-color: var(--color-blue-1);
    color: var(--color-white-1); }
  .etx-pill.blue-1 .etx-pill__icon::before, .Header .Header__navigation .Header__navigation__item.blue-1 .etx-pill__icon::before {
    background-color: var(--color-white-1); }
  .etx-pill.blue-2, .Header .Header__navigation .Header__navigation__item.blue-2 {
    background-color: var(--color-blue-2);
    color: var(--color-white-1); }
  .etx-pill.blue-2 .etx-pill__icon::before, .Header .Header__navigation .Header__navigation__item.blue-2 .etx-pill__icon::before {
    background-color: var(--color-white-1); }
  .etx-pill.blue-3, .Header .Header__navigation .Header__navigation__item.blue-3 {
    background-color: var(--color-blue-3);
    color: var(--color-white-1); }
  .etx-pill.blue-3 .etx-pill__icon::before, .Header .Header__navigation .Header__navigation__item.blue-3 .etx-pill__icon::before {
    background-color: var(--color-white-1); }
  .etx-pill.blue-4, .Header .Header__navigation .Header__navigation__item.blue-4 {
    background-color: var(--color-primary);
    color: var(--color-white-1); }
  .etx-pill.blue-4 .etx-pill__icon::before, .Header .Header__navigation .Header__navigation__item.blue-4 .etx-pill__icon::before {
    background-color: var(--color-white-1); }

.etx-pill-list, .Header .Header__navigation {
  margin-left: -15px;
  margin-top: -10px; }
  .etx-pill-list .etx-pill, .Header .Header__navigation .etx-pill, .Header .Header__navigation .Header .Header__navigation .Header__navigation__item, .etx-pill-list .Header .Header__navigation .Header__navigation__item, .Header .Header__navigation .etx-pill-list .Header__navigation__item {
    margin-left: 15px;
    margin-top: 10px; }

.etx-button {
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  min-height: 38px;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: var(--border-radius);
  background-color: var(--color-grey-3);
  color: var(--color-white-1);
  transition: background-color 0.4s var(--transition-timing), color 0.4s var(--transition-timing);
  cursor: pointer; }
  .etx-button .etx-button__icon {
    flex: 0 0 auto;
    min-height: 38px;
    line-height: 38px;
    text-align: center; }
  .etx-button .etx-button__icon + .etx-button__text {
    margin-left: 15px; }
  .etx-button .etx-button__text + .etx-button__icon {
    margin-left: 15px; }
  .etx-button:hover {
    background-color: var(--color-grey-3-hover); }
  .etx-button.small {
    min-height: 28px;
    padding-left: 10px;
    padding-right: 10px; }
  .etx-button.small .etx-button__icon {
    min-height: 28px;
    line-height: 28px;
    text-align: center; }
    .etx-button.small .etx-button__icon + .etx-button__text {
      margin-left: 10px; }
  .etx-button.circle {
    width: 30px;
    height: 30px; }
  .etx-button.green {
    background-color: var(--color-green);
    color: var(--color-white-1); }
  .etx-button.green:hover {
    background-color: var(--color-green-hover); }
  .etx-button.orange {
    background-color: var(--color-orange);
    color: var(--color-white-1); }
  .etx-button.orange:hover {
    background-color: var(--color-orange-hover); }
  .etx-button.red {
    background-color: var(--color-red);
    color: var(--color-white-1); }
  .etx-button.red:hover {
    background-color: var(--color-red-hover); }
  .etx-button.steel {
    background-color: var(--color-steel);
    color: var(--color-white-1); }
  .etx-button.steel:hover {
    background-color: var(--color-steel-hover); }
  .etx-button.blue-1 {
    background-color: var(--color-blue-1);
    color: var(--color-white-1); }
  .etx-button.blue-1:hover {
    background-color: var(--color-blue-1-hover); }
  .etx-button.blue-2 {
    background-color: var(--color-blue-2);
    color: var(--color-white-1); }
  .etx-button.blue-2:hover {
    background-color: var(--color-blue-2-hover); }
  .etx-button.blue-3 {
    background-color: var(--color-blue-3);
    color: var(--color-white-1); }
  .etx-button.blue-3:hover {
    background-color: var(--color-blue-3-hover); }
  .etx-button.blue-4 {
    background-color: var(--color-primary);
    color: var(--color-white-1); }
  .etx-button.blue-4:hover {
    background-color: var(--color-primary-hover); }
  .etx-button.grey-1 {
    background-color: var(--color-grey-1);
    color: var(--color-dark-1); }
  .etx-button.grey-1:hover {
    background-color: var(--color-grey-1-hover); }
  .etx-button.ButtonEnergy {
    padding-left: 0px; }
  .etx-button.ButtonEnergy .etx-button__icon {
    position: relative;
    padding-left: 12px;
    padding-right: 12px; }
    .etx-button.ButtonEnergy .etx-button__icon > * {
      position: relative; }
    .etx-button.ButtonEnergy .etx-button__icon .fal, .etx-button.ButtonEnergy .etx-button__icon .far, .etx-button.ButtonEnergy .etx-button__icon .fas, .etx-button.ButtonEnergy .etx-button__icon fab {
      margin-right: 8px; }
    .etx-button.ButtonEnergy .etx-button__icon::before {
      content: "";
      position: absolute;
      left: 0px;
      right: 0px;
      top: 0px;
      bottom: 0px;
      background-color: var(--color-white-1);
      opacity: 0.2; }

.etx-button-list {
  margin-left: -15px;
  margin-top: -10px; }
  .etx-button-list .etx-button {
    margin-left: 15px;
    margin-top: 10px; }

:root {
  --mat-form-field-padding-horizontal: 1em;
  --mat-form-field-padding-top: 0.7em;
  --mat-form-field-padding-bottom: 1em;
  --mat-form-field-suffix-padding-left: 5px;
  --mat-form-field-label-padding-top: 0.6em;
  --mat-form-field-label-color: #a6a7a7;
  --mat-form-field-border-radius: 3px;
  --mat-form-field-border-color: #d2d3d3;
  --mat-form-field-border-color-focus: #a6a7a7;
  --mat-form-field-background-color: #fff;
  --mat-form-field-background-inactive: #fff;
  --mat-form-field-text-color: #222324;
  --mat-form-field-caret-color: #222324; }

.mat-form-field {
  width: 100%; }
  .mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
    padding-left: var(--mat-form-field-padding-horizontal);
    padding-right: var(--mat-form-field-padding-horizontal); }
    .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
      background-color: var(--mat-form-field-background-color);
      border-radius: var(--mat-form-field-border-radius); }
      .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start {
        width: calc(var(--mat-form-field-padding-horizontal) - 5px) !important;
        border-color: var(--mat-form-field-border-color);
        border-top-left-radius: var(--mat-form-field-border-radius);
        border-bottom-left-radius: var(--mat-form-field-border-radius); }
      .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-gap {
        border-color: var(--mat-form-field-border-color); }
      .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
        border-color: var(--mat-form-field-border-color);
        border-top-right-radius: var(--mat-form-field-border-radius);
        border-bottom-right-radius: var(--mat-form-field-border-radius); }
      .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline.mat-form-field-outline-thick .mat-form-field-outline-start {
        border-width: 1px;
        border-color: var(--mat-form-field-border-color-focus); }
        .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline.mat-form-field-outline-thick .mat-form-field-outline-gap {
          border-width: 1px;
          border-color: var(--mat-form-field-border-color-focus); }
        .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline.mat-form-field-outline-thick .mat-form-field-outline-end {
          border-width: 1px;
          border-color: var(--mat-form-field-border-color-focus); }
    .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix {
      top: calc(var(--mat-form-field-padding-top) - 0.7em); }
    .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
      padding-top: var(--mat-form-field-padding-top) !important;
      padding-bottom: var(--mat-form-field-padding-bottom) !important;
      border-top-width: var(--mat-form-field-label-padding-top); }
      .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element {
        caret-color: var(--mat-form-field-caret-color);
        color: var(--mat-form-field-text-color); }
      .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select .mat-select-trigger .mat-select-value {
        color: var(--mat-form-field-text-color); }
        .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select .mat-select-trigger .mat-select-arrow-wrapper {
          transform: none; }
        .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select .mat-select-trigger .mat-select-arrow-wrapper .mat-select-arrow {
          color: var(--mat-form-field-text-color); }
      .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper .mat-form-field-label {
        color: var(--mat-form-field-label-color); }
    .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix {
      top: calc(var(--mat-form-field-padding-top) - 0.7em);
      padding-right: var(--mat-form-field-suffix-padding-left); }
  .mat-form-field.mat-focused .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-gap, .mat-form-field.mat-form-field-should-float .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-gap {
    border-top-color: transparent; }
    .mat-form-field.mat-focused .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline.mat-form-field-outline-thick .mat-form-field-outline-gap, .mat-form-field.mat-form-field-should-float .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline.mat-form-field-outline-thick .mat-form-field-outline-gap {
      border-top-color: transparent; }
    .mat-form-field.mat-focused .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper, .mat-form-field.mat-form-field-should-float .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper {
      top: calc(-1 * var(--mat-form-field-label-padding-top));
      padding-top: var(--mat-form-field-label-padding-top); }
    .mat-form-field.no-subscript .mat-form-field-wrapper {
      padding-bottom: 0px; }

:root {
  --mat-radio-outer-border-color: #fff;
  --mat-radio-outer-border-color-focus: #fff;
  --mat-radio-outer-border-color-disabled: #8bb1df;
  --mat-radio-outer-background-color: #fff;
  --mat-radio-outer-background-color-focus: #fff;
  --mat-radio-outer-background-color-disabled: #cfe1f5;
  --mat-radio-inner-border-color: #fff;
  --mat-radio-inner-border-color-focus: #fff;
  --mat-radio-inner-border-color-disabled: #8bb1df;
  --mat-radio-inner-background-color: #0b68b3;
  --mat-radio-inner-background-color-focus: #0b68b3;
  --mat-radio-inner-background-color-disabled: #cfe1f5;
  --mat-radio-ripple-background-color: #0b68b3;
  --mat-radio-ripple-background-color-focus: transparent;
  --mat-radio-ripple-background-color-disabled: #8bb1df;
  --mat-radio-text-padding-left: 15px;
  --mat-radio-text-color-disabled: #8bb1df; }

.mat-radio-button .mat-radio-label .mat-radio-container .mat-radio-outer-circle {
  border-color: var(--mat-radio-outer-border-color);
  background-color: var(--mat-radio-outer-background-color); }
  .mat-radio-button .mat-radio-label .mat-radio-container .mat-radio-inner-circle {
    border-color: var(--mat-radio-inner-border-color);
    background-color: var(--mat-radio-inner-background-color); }
  .mat-radio-button .mat-radio-label .mat-radio-container .mat-radio-ripple .mat-ripple-element {
    background-color: var(--mat-radio-ripple-background-color); }
  .mat-radio-button .mat-radio-label .mat-radio-label-content {
    padding-left: var(--mat-radio-text-padding-left); }
  .mat-radio-button.mat-radio-checked .mat-radio-label .mat-radio-container .mat-radio-outer-circle {
    border-color: var(--mat-radio-outer-border-color-focus);
    background-color: var(--mat-radio-outer-background-color-focus); }
  .mat-radio-button.mat-radio-checked .mat-radio-label .mat-radio-container .mat-radio-inner-circle {
    border-color: var(--mat-radio-inner-border-color-focus);
    background-color: var(--mat-radio-inner-background-color-focus); }
  .mat-radio-button.mat-radio-checked .mat-radio-label .mat-radio-container .mat-radio-ripple .mat-ripple-element {
    background-color: var(--mat-radio-ripple-background-color-focus); }
  .mat-radio-button.mat-radio-disabled .mat-radio-label .mat-radio-container .mat-radio-outer-circle {
    border-color: var(--mat-radio-outer-border-color-disabled);
    background-color: var(--mat-radio-outer-background-color-disabled); }
  .mat-radio-button.mat-radio-disabled .mat-radio-label .mat-radio-container .mat-radio-inner-circle {
    border-color: var(--mat-radio-inner-border-color-disabled);
    background-color: var(--mat-radio-inner-background-color-disabled); }
  .mat-radio-button.mat-radio-disabled .mat-radio-label .mat-radio-container .mat-radio-ripple .mat-ripple-element {
    background-color: var(--mat-radio-ripple-background-color-disabled); }
  .mat-radio-button.mat-radio-disabled .mat-radio-label .mat-radio-label-content {
    color: var(--mat-radio-text-color-disabled); }

:root {
  --mat-menu-panel-padding-vertical: 10px;
  --mat-menu-panel-background-color: #fff;
  --mat-menu-panel-background-color-hover: #f8f8f8;
  --mat-menu-panel-text-color: #222324;
  --mat-menu-panel-text-active: #0b68b3;
  --mat-menu-panel-text-selected: #0b68b3;
  --mat-menu-panel-item-padding-horizontal: 15px;
  --mat-menu-panel-item-icon-margin: 10px; }

.cdk-overlay-container .cdk-overlay-pane .mat-menu-panel {
  background-color: var(--mat-menu-panel-background-color); }
  .cdk-overlay-container .cdk-overlay-pane .mat-menu-panel .mat-menu-content:not(:empty) {
    padding-top: var(--mat-menu-panel-padding-vertical);
    padding-bottom: var(--mat-menu-panel-padding-vertical); }
  .cdk-overlay-container .cdk-overlay-pane .mat-menu-panel .mat-menu-content .mat-menu-item {
    padding-left: var(--mat-menu-panel-item-padding-horizontal);
    padding-right: var(--mat-menu-panel-item-padding-horizontal);
    color: var(--mat-menu-panel-text-color); }
  .cdk-overlay-container .cdk-overlay-pane .mat-menu-panel .mat-menu-content .mat-menu-item:hover {
    background-color: var(--mat-menu-panel-background-color-hover); }
  .cdk-overlay-container .cdk-overlay-pane .mat-menu-panel .mat-menu-content .mat-menu-item .fal, .cdk-overlay-container .cdk-overlay-pane .mat-menu-panel .mat-menu-content .mat-menu-item .far, .cdk-overlay-container .cdk-overlay-pane .mat-menu-panel .mat-menu-content .mat-menu-item .fas, .cdk-overlay-container .cdk-overlay-pane .mat-menu-panel .mat-menu-content .mat-menu-item fab {
    width: 1.5em;
    text-align: center;
    display: inline-block; }
  .cdk-overlay-container .cdk-overlay-pane .mat-menu-panel .mat-menu-content .mat-menu-item .fal + span, .cdk-overlay-container .cdk-overlay-pane .mat-menu-panel .mat-menu-content .mat-menu-item .far + span, .cdk-overlay-container .cdk-overlay-pane .mat-menu-panel .mat-menu-content .mat-menu-item .fas + span, .cdk-overlay-container .cdk-overlay-pane .mat-menu-panel .mat-menu-content .mat-menu-item fab + span {
    margin-left: var(--mat-menu-panel-item-icon-margin);
    display: inline-block; }
  .cdk-overlay-container .cdk-overlay-pane .mat-select-panel-wrap .mat-select-panel {
    background-color: var(--mat-menu-panel-background-color); }
  .cdk-overlay-container .cdk-overlay-pane .mat-select-panel-wrap .mat-select-panel .mat-option {
    padding-left: var(--mat-menu-panel-item-padding-horizontal);
    padding-right: var(--mat-menu-panel-item-padding-horizontal);
    color: var(--mat-menu-panel-text); }
  .cdk-overlay-container .cdk-overlay-pane .mat-select-panel-wrap .mat-select-panel .mat-option.mat-active {
    color: var(--mat-menu-panel-text-active); }
  .cdk-overlay-container .cdk-overlay-pane .mat-select-panel-wrap .mat-select-panel .mat-option.mat-selected:not(.mat-option-disabled) {
    color: var(--mat-menu-panel-text-selected); }
  .cdk-overlay-container .cdk-overlay-pane .mat-select-panel-wrap .mat-select-panel .mat-option:hover {
    background-color: var(--mat-menu-panel-background-color-hover); }
  :root {
    --mat-dialog-backgrop-color: #8bb1df;
    --mat-dialog-backgrop-opacity: 0.5;
    --mat-dialog-padding-horizontal: 20px;
    --mat-dialog-padding-vertical: 20px;
    --mat-dialog-background-color: #fff;
    --mat-dialog-text-color: #222324; }

.cdk-overlay-container .cdk-overlay-dark-backdrop {
  background-color: transparent; }
  .cdk-overlay-container .cdk-overlay-dark-backdrop::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: var(--mat-dialog-backgrop-color);
    opacity: var(--mat-dialog-backgrop-opacity); }
  .cdk-overlay-container .cdk-overlay-pane .mat-dialog-container {
    padding-left: var(--mat-dialog-padding-horizontal);
    padding-right: var(--mat-dialog-padding-horizontal);
    padding-top: var(--mat-dialog-padding-vertical);
    padding-bottom: var(--mat-dialog-padding-vertical);
    background-color: var(--mat-dialog-background-color);
    color: var(--mat-dialog-text-color); }

.PageLoader {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 5; }
  .PageLoader::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--color-secondary);
    opacity: 0.85; }

.SideBarCockpit {
  flex: 0 0 auto;
  width: 155px; }

.Cockpit {
  --mat-form-field-border-color: var(--color-text-secondary);
  --mat-form-field-border-color-focus: var(--color-text-secondary);
  --mat-form-field-label-color: var(--color-text-primary);
  flex-flow: column nowrap;
  display: flex;
  height: 100%;
  background-color: var(--color-tertiary);
  color: var(--color-text-primary);
  overflow-y: auto; }
  .Cockpit .Cockpit__item {
    flex: 0 0 auto;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
    padding-bottom: 30px; }
  .Cockpit .Cockpit__item.grow {
    flex-grow: 1; }
  .Cockpit hr {
    flex: 0 0 auto; }

.CockpitLogo {
  height: 28px;
  flex-flow: row nowrap;
  align-items: center;
  display: flex; }
  .CockpitLogo img {
    flex: 0 0 auto;
    width: 100%;
    height: auto; }

.CockpitRoundCounter {
  position: relative; }
  .CockpitRoundCounter .CockpitRoundCounter__circle {
    width: 80px;
    height: 80px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    overflow: hidden; }
  .CockpitRoundCounter .CockpitRoundCounter__circle::after {
    content: "";
    width: 70px;
    height: 70px;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--color-tertiary); }
  .CockpitRoundCounter .CockpitRoundCounter__circle .CockpitRoundCounter__circle__quarter {
    width: 50%;
    height: 50%;
    position: absolute;
    background-color: var(--color-primary);
    opacity: 0; }
  .CockpitRoundCounter .CockpitRoundCounter__circle .CockpitRoundCounter__circle__quarter:nth-child(1) {
    right: -3px;
    top: -3px; }
  .CockpitRoundCounter .CockpitRoundCounter__circle .CockpitRoundCounter__circle__quarter:nth-child(2) {
    right: -3px;
    bottom: -3px; }
  .CockpitRoundCounter .CockpitRoundCounter__circle .CockpitRoundCounter__circle__quarter:nth-child(3) {
    left: -3px;
    bottom: -3px; }
  .CockpitRoundCounter .CockpitRoundCounter__circle .CockpitRoundCounter__circle__quarter:nth-child(4) {
    left: -3px;
    top: -3px; }
  .CockpitRoundCounter .CockpitRoundCounter__text {
    flex-flow: row nowrap;
    align-items: flex-end;
    justify-content: center;
    display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    transform: translate(-50%, -50%); }
  .CockpitRoundCounter .CockpitRoundCounter__text .CockpitRoundCounter__text__number {
    margin-right: 5px;
    font-size: 26px; }
  .CockpitRoundCounter .CockpitRoundCounter__text span {
    flex: 0 0 auto;
    display: inline-block; }
  .CockpitRoundCounter[data-phase="1"] .CockpitRoundCounter__circle .CockpitRoundCounter__circle__quarter:nth-child(1) {
    opacity: 1;
    transition: opacity 0.8s var(--transition-timing); }
  .CockpitRoundCounter[data-phase="2"] .CockpitRoundCounter__circle .CockpitRoundCounter__circle__quarter:nth-child(1) {
    opacity: 1;
    transition: opacity 0.8s var(--transition-timing); }
  .CockpitRoundCounter[data-phase="2"] .CockpitRoundCounter__circle .CockpitRoundCounter__circle__quarter:nth-child(2) {
    opacity: 1;
    transition: opacity 0.8s var(--transition-timing) 0.2s; }
  .CockpitRoundCounter[data-phase="3"] .CockpitRoundCounter__circle .CockpitRoundCounter__circle__quarter:nth-child(1) {
    opacity: 1;
    transition: opacity 0.8s var(--transition-timing); }
  .CockpitRoundCounter[data-phase="3"] .CockpitRoundCounter__circle .CockpitRoundCounter__circle__quarter:nth-child(2) {
    opacity: 1;
    transition: opacity 0.8s var(--transition-timing) 0.2s; }
  .CockpitRoundCounter[data-phase="3"] .CockpitRoundCounter__circle .CockpitRoundCounter__circle__quarter:nth-child(3) {
    opacity: 1;
    transition: opacity 0.8s var(--transition-timing) 0.4s; }
  .CockpitRoundCounter[data-phase="4"] .CockpitRoundCounter__circle .CockpitRoundCounter__circle__quarter:nth-child(1) {
    opacity: 1;
    transition: opacity 0.8s var(--transition-timing); }
  .CockpitRoundCounter[data-phase="4"] .CockpitRoundCounter__circle .CockpitRoundCounter__circle__quarter:nth-child(2) {
    opacity: 1;
    transition: opacity 0.8s var(--transition-timing) 0.2s; }
  .CockpitRoundCounter[data-phase="4"] .CockpitRoundCounter__circle .CockpitRoundCounter__circle__quarter:nth-child(3) {
    opacity: 1;
    transition: opacity 0.8s var(--transition-timing) 0.4s; }
  .CockpitRoundCounter[data-phase="4"] .CockpitRoundCounter__circle .CockpitRoundCounter__circle__quarter:nth-child(4) {
    opacity: 1;
    transition: opacity 0.8s var(--transition-timing) 0.6s; }

.CockpitPerformance .CockpitPerformance__percentage {
  font-size: 26px;
  text-align: center; }
  .CockpitPerformance .CockpitPerformance__bar {
    width: 100%;
    position: relative;
    margin-top: 10px;
    padding: 1px;
    border-radius: 10px;
    background-color: var(--color-secondary); }
  .CockpitPerformance .CockpitPerformance__bar .CockpitPerformance__bar__inner {
    height: 6px;
    border-radius: 10px;
    background-color: var(--color-primary); }
  .CockpitPerformance .CockpitPerformance__finance {
    margin-top: 10px;
    text-align: center; }

.CockpitProfile .CockpitProfile__button {
  width: 100%;
  border: 0px;
  background: transparent;
  text-align: center;
  transition: color 0.4s var(--transition-timing);
  cursor: pointer; }
  .CockpitProfile .CockpitProfile__button > * {
    position: relative; }
  .CockpitProfile .CockpitProfile__button .fal, .CockpitProfile .CockpitProfile__button .far, .CockpitProfile .CockpitProfile__button .fas, .CockpitProfile .CockpitProfile__button fab {
    margin-bottom: 5px;
    display: block; }
  .CockpitProfile .CockpitProfile__button::before {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-color: transparent;
    transition: background-color 0.4s var(--transition-timing); }
  .CockpitProfile .CockpitProfile__button:hover {
    color: var(--color-white-1); }
  .CockpitProfile .CockpitProfile__button:hover::before {
    background-color: var(--color-secondary); }

.SideBarDashboard {
  flex: 0 0 auto;
  width: 450px;
  margin-left: 0px;
  z-index: 999;
  transition: right 0.4s var(--transition-timing), margin-left 0s var(--transition-timing) 0.4s; }
  @media (max-width: 1500px) {
  .SideBarDashboard {
    position: fixed;
    right: 0px;
    top: 0px;
    bottom: 0px; } }
  @media (max-width: 1500px) {
    .SideBarDashboard.hidden {
      position: relative;
      right: -450px;
      margin-left: -380px;
      transition: right 0.4s var(--transition-timing), margin-left 0s var(--transition-timing); } }

.Dashboard {
  --mat-form-field-border-color: var(--color-text-secondary);
  --mat-form-field-border-color-focus: var(--color-text-secondary);
  --mat-form-field-label-color: var(--color-text-primary);
  flex-flow: column nowrap;
  align-items: flex-start;
  display: flex;
  height: 100%;
  background-color: var(--color-tertiary);
  color: var(--color-text-primary);
  overflow: hidden;
  /*.Dashboard__table {
   flex: 1 1 100%;
   width: 100%;
   height: auto;
   position: relative;
   margin-top: 25px;
   padding-bottom: 25px;
   background-color: var(--color-tertiary);
   overflow-y: auto;
   z-index: 2;
   .Dashboard__item {
   flex: 0 0 auto;	
   position: relative;
   padding-left: 25px;
   padding-right: 25px;
   padding-top: 30px;
   padding-bottom: 30px;
   &.grow {
   flex-grow: 1;
   }
   .TableContainer {
   cursor: pointer;
   .TableTitle {
   padding: 40px 0px 10px 0px;
   ::after {
   content: "\f107";
   font-family: "Font Awesome 5 Pro";
   font-weight: 400;
   text-align: center;
   line-height: 27px;
   opacity: 1;
   width: auto;
   height: 100%;
   position: absolute;
   display: block;
   padding: 0px 10px;
   right: 0px;
   top: 0px;
   }
   }
   .TableContent {
   display: none;
   table {
   .FontSmall {
   font-size: 12px;
   }
   .FontBig {
   font-size: 18px;
   }
   .FontBold {
   font-weight: 700;
   }
   .Right {
   text-align: right;
   }
   .Center {
   text-align: center;
   }
   width: 100%;
   border-collapse:collapse;
   tr {
   padding: 5px 10px;
   text-align: left;
   border-bottom: 1px solid var(--color-secondary);
   th {
   @extend .font-h4;
   color: var(--color-secondary);
   padding: 5px 10px;
   }
   td {
   padding: 5px 10px;
   }
   }
   }
   }
   &.active {
   .TableTitle {
   ::after {
   content: "\f106";
   }
   }
   .TableContent {
   display: block;
   }
   }
   }
   }
   h3 {
   color: var(--color-secondary);
   }
   }*/ }
  .Dashboard .Dashboard__hidden-header {
    flex-flow: column nowrap;
    justify-content: flex-start;
    display: flex;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    transform: translateX(0%);
    transition: transform 0.4s var(--transition-timing);
    z-index: 1; }
  @media (min-width: 1500px) {
    .Dashboard .Dashboard__hidden-header {
      display: none !important; } }
  .hidden .Dashboard .Dashboard__hidden-header {
    transform: translateX(-99%); }
  .Dashboard .Dashboard__hidden-header .Dashboard__hidden-header__button {
    flex: 0 0 auto;
    height: 88px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: var(--color-secondary); }
  .Dashboard .Dashboard__hidden-header .Dashboard__hidden-header__button button {
    width: 30px;
    height: 30px;
    position: relative;
    right: 0px;
    top: 22px;
    border: 0px;
    border-radius: 50%;
    background-color: transparent;
    line-height: 30px;
    text-align: center;
    color: var(--color-white-1);
    transition: background-color 0.4s var(--transition-timing), color 0.4s var(--transition-timing);
    cursor: pointer;
    overflow: hidden; }
  .Dashboard .Dashboard__hidden-header .Dashboard__hidden-header__button button::before {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-color: var(--color-white-1);
    opacity: 0.2;
    transition: opacity 0.4s var(--transition-timing); }
  .Dashboard .Dashboard__hidden-header .Dashboard__hidden-header__button button:hover {
    background-color: transparent; }
  .Dashboard .Dashboard__hidden-header .Dashboard__hidden-header__button button:hover::before {
    opacity: 0.15; }
  .Dashboard .Dashboard__hidden-header .Dashboard__hidden-header__title {
    flex: 1 1 auto;
    height: auto;
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: var(--color-tertiary); }
  .Dashboard .Dashboard__hidden-header .Dashboard__hidden-header__title h2 {
    margin: 0px;
    writing-mode: vertical-lr;
    text-orientation: mixed;
    color: var(--color-secondary);
    transform: rotate(180deg); }
  .Dashboard .Dashboard__header {
    flex: 0 0 auto;
    width: 100%;
    height: 88px;
    position: relative;
    padding-left: 25px;
    padding-right: 25px;
    z-index: 2; }
  .Dashboard .Dashboard__content {
    flex: 1 1 100%;
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 25px;
    padding-bottom: 25px;
    background-color: var(--color-tertiary);
    overflow-y: auto;
    z-index: 2; }
  .Dashboard .Dashboard__content .Dashboard__item {
    flex: 0 0 auto;
    display: block;
    position: relative;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 30px;
    padding-bottom: 30px; }
  .Dashboard .Dashboard__content .Dashboard__item.grow {
    flex-grow: 1; }
  .Dashboard .Dashboard__content .Dashboard__item .wide .caption, .Dashboard .Dashboard__content .Dashboard__item .wide table {
    min-width: 80%; }
  .Dashboard .Dashboard__content .Dashboard__item table:before, .Dashboard .Dashboard__content .Dashboard__item th:before, .Dashboard .Dashboard__content .Dashboard__item td:before, .Dashboard .Dashboard__content .Dashboard__item tr:before {
    border-left: none !important; }
  .Dashboard .Dashboard__content .Dashboard__item tr {
    border-bottom: 1px solid var(--color-secondary) !important; }
  .Dashboard .Dashboard__content h3 {
    color: var(--color-secondary); }

.Main {
  flex: 1 1 auto;
  flex-flow: column nowrap;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
  transition: width 0.4s var(--transition-timing); }
  .Main .Main__header {
    flex: 0 0 auto;
    width: 100%; }
  .Main .Main__content {
    flex: 1 1 100%;
    width: 100%;
    height: auto;
    margin-top: 50px;
    padding-bottom: 50px;
    overflow-y: auto; }
  .Main .Main__content.funnel {
    margin-top: 0px;
    padding-top: 20px;
    padding-bottom: 20px; }
  .Main ::-webkit-scrollbar-thumb {
    background: var(--color-grey-2); }

.Header {
  height: 88px;
  position: relative;
  padding-right: 74px; }
  .Header::before {
    content: "";
    width: 100vw;
    position: absolute;
    left: 50%;
    top: 0px;
    bottom: 0px;
    background-color: var(--color-white-2);
    transform: translateX(-50%); }
  .Header .Header__upper {
    flex-flow: row nowrap;
    align-items: center;
    display: flex;
    position: relative;
    padding-top: 20px;
    padding-bottom: 19px; }
  .Header .Header__upper .Header__upper__left {
    flex: 1 1 auto;
    flex-flow: row nowrap;
    align-items: center;
    display: flex; }
  .Header .Header__upper .Header__upper__left > * {
    margin-left: 15px; }
  .Header .Header__upper .Header__upper__left > *:first-child {
    margin-left: 0px; }
  .Header .Header__upper .Header__upper__right {
    flex: 0 0 auto;
    flex-flow: row nowrap;
    align-items: center;
    display: flex; }
  .Header .Header__upper .Header__upper__right > * {
    margin-left: 15px; }
  .Header .Header__upper .Header__upper__right > *:first-child {
    margin-left: 0px; }
  .Header .Header__lower {
    position: relative; }
  .Header .Header__button {
    width: 44px;
    height: 44px;
    position: absolute;
    right: 0px;
    top: 22px; }
  .Header .Header__button button {
    width: 100%;
    height: 100%;
    border: 1px solid var(--color-dark-1);
    border-radius: 50%;
    background-color: transparent;
    line-height: 44px;
    text-align: center;
    transition: background-color 0.4s var(--transition-timing), color 0.4s var(--transition-timing);
    cursor: pointer; }
  .Header .Header__button button:hover {
    background-color: var(--color-dark-1);
    color: var(--color-white-1); }
  .Header .Header__pills {
    flex-flow: row nowrap;
    align-items: center;
    display: flex;
    position: relative; }
  .Header .Header__pills .Header__pills__left {
    flex: 1 1 auto; }
  .Header .Header__pills .Header__pills__right {
    flex: 0 0 auto; }
  .Header .Header__pills .etx-pill .etx-pill__text, .Header .Header__pills .Header__navigation .Header__navigation__item .etx-pill__text, .Header .Header__navigation .Header__pills .Header__navigation__item .etx-pill__text {
    text-align: left;
    overflow: hidden; }
  .Header .Header__pills .etx-pill .etx-pill__text span, .Header .Header__pills .Header__navigation .Header__navigation__item .etx-pill__text span, .Header .Header__navigation .Header__pills .Header__navigation__item .etx-pill__text span {
    height: var(--line-height);
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1; }
  .Header .Header__navigation .Header__navigation__item {
    min-height: 38px;
    margin-left: 15px;
    margin-top: 10px;
    padding-left: 1.25em;
    padding-right: 1.25em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.4s var(--transition-timing); }
  .Header .Header__navigation .Header__navigation__item:hover {
    background-color: var(--color-grey-1-hover); }
  .Header .Header__navigation .Header__navigation__item.active {
    background-color: var(--color-grey-2); }
  .Header .Header__navigation .Header__navigation__item.active:hover {
    background-color: var(--color-grey-2-hover); }
  .Dashboard .Header {
    color: var(--color-white-1); }
  .Dashboard .Header::before {
    background-color: var(--color-secondary); }
  .Dashboard .Header .Header__button {
    width: 30px;
    height: 30px; }
  @media (min-width: 1500px) {
      .Dashboard .Header .Header__button {
        visibility: hidden; } }
  .Dashboard .Header .Header__button button {
    position: relative;
    border: 0px;
    background-color: transparent;
    line-height: 30px;
    overflow: hidden; }
  .Dashboard .Header .Header__button button::before {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-color: var(--color-white-1);
    opacity: 0.2;
    transition: opacity 0.4s var(--transition-timing); }
  .Dashboard .Header .Header__button button:hover {
    background-color: transparent; }
  .Dashboard .Header .Header__button button:hover::before {
    opacity: 0.15; }
  .Dashboard .Header .Header__navigation .Header__navigation__item {
    background-color: var(--color-secondary);
    color: var(--color-text-primary); }
  .Dashboard .Header .Header__navigation .Header__navigation__item:hover {
    background-color: var(--color-secondary-hover); }
  .Dashboard .Header .Header__navigation .Header__navigation__item.active {
    background-color: var(--color-tertiary); }
  .Dashboard .Header .Header__navigation .Header__navigation__item.active:hover {
    background-color: var(--color-tertiary-hover); }
  .Header.funnel {
    height: 0px; }
  .Header.funnel::before {
    display: none; }
  .Header.funnel .Header__button {
    z-index: 99; }
  .Header.funnel .Header__button button {
    background-color: var(--color-white-1); }

.HeaderFunnelIndicator {
  flex-flow: row nowrap;
  align-items: center;
  display: inline-flex; }
  .HeaderFunnelIndicator .HeaderFunnelIndicator__bars {
    width: 40px; }
  .HeaderFunnelIndicator .HeaderFunnelIndicator__bars .HeaderFunnelIndicator__bars__line {
    height: 4px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4px;
    background-color: var(--color-tertiary); }
  .HeaderFunnelIndicator .HeaderFunnelIndicator__bars .HeaderFunnelIndicator__bars__line:nth-child(1) {
    width: 100%;
    margin-top: 0px; }
  .HeaderFunnelIndicator .HeaderFunnelIndicator__bars .HeaderFunnelIndicator__bars__line:nth-child(2) {
    width: 80%; }
  .HeaderFunnelIndicator .HeaderFunnelIndicator__bars .HeaderFunnelIndicator__bars__line:nth-child(3) {
    width: 60%; }
  .HeaderFunnelIndicator .HeaderFunnelIndicator__bars .HeaderFunnelIndicator__bars__line:nth-child(4) {
    width: 40%; }
  .HeaderFunnelIndicator .HeaderFunnelIndicator__text {
    margin-left: 15px;
    color: var(--color-text-primary); }
  .HeaderFunnelIndicator[data-level="1"] .HeaderFunnelIndicator__bars .HeaderFunnelIndicator__bars__line:nth-child(1) {
    background-color: var(--color-primary); }
  .HeaderFunnelIndicator[data-level="2"] .HeaderFunnelIndicator__bars .HeaderFunnelIndicator__bars__line:nth-child(2) {
    background-color: var(--color-primary); }
  .HeaderFunnelIndicator[data-level="3"] .HeaderFunnelIndicator__bars .HeaderFunnelIndicator__bars__line:nth-child(3) {
    background-color: var(--color-primary); }
  .HeaderFunnelIndicator[data-level="4"] .HeaderFunnelIndicator__bars .HeaderFunnelIndicator__bars__line:nth-child(4) {
    background-color: var(--color-primary); }

.LoginGameLogo {
  width: 60%;
  max-width: 150px;
  margin-left: auto;
  margin-right: auto; }

.LoginCondairLogo {
  width: 60%;
  max-width: 200px;
  margin-left: auto;
  margin-right: auto; }

.LoginGuildLogo {
  width: 60%;
  max-width: 150px;
  margin-left: auto;
  margin-right: auto; }

.GameLobby .etx-card .etx-card-item.selected {
  background-color: var(--color-grey-1); }

.SalesFunnel .SalesFunnel__item {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 5px;
  padding-bottom: 5px;
  clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 20px 100%);
  overflow: hidden;
  z-index: 1; }
  .SalesFunnel .SalesFunnel__item ::-webkit-scrollbar {
    background: var(--color-bg); }
  .SalesFunnel .SalesFunnel__item ::-webkit-scrollbar-thumb {
    background: var(--color-fg); }
  .SalesFunnel .SalesFunnel__item:nth-child(1) {
    background-color: var(--color-blue-1); }
  .SalesFunnel .SalesFunnel__item:nth-child(2) {
    width: calc(100% - 20px*2);
    background-color: var(--color-blue-2); }
  .SalesFunnel .SalesFunnel__item:nth-child(3) {
    width: calc(100% - 20px*4);
    background-color: var(--color-blue-3); }
  .SalesFunnel .SalesFunnel__item:nth-child(4) {
    width: calc(100% - 20px*6);
    background-color: var(--color-primary); }
  .SalesFunnel .SalesFunnel__item .SalesFunnel__item__title {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1; }
  .SalesFunnel .SalesFunnel__item .SalesFunnel__item__title span {
    font-size: 50px;
    color: var(--color-text-light);
    opacity: 0.2;
    display: block; }
  @media (min-width: 768px) {
        .SalesFunnel .SalesFunnel__item .SalesFunnel__item__title span {
          font-size: 80px; } }
  @media (min-width: 1000px) {
        .SalesFunnel .SalesFunnel__item .SalesFunnel__item__title span {
          font-size: 100px; } }
  .SalesFunnel .SalesFunnel__item .SalesFunnelRow {
    position: relative;
    z-index: 2; }

.SalesFunnelRow {
  flex-flow: row nowrap;
  align-items: stretch;
  display: flex;
  min-height: 208px;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow-x: auto; }
  .SalesFunnelRow .SalesFunnelRow__item {
    flex: 0 0 auto;
    margin-left: var(--etx-flex-gutter-h); }
  .SalesFunnelRow .SalesFunnelRow__item:first-child {
    margin-left: 0px; }
  .SalesFunnelRow .SalesFunnelRow__item > .etx-card {
    width: 175px;
    height: 100%;
    box-shadow: 0px 0px 0px transparent;
    transform: translateY(0px);
    transition: box-shadow 0.4s var(--transition-timing), transform 0.4s var(--transition-timing);
    cursor: pointer; }
  .SalesFunnelRow .SalesFunnelRow__item > .etx-card:hover {
    box-shadow: 0px 3px 4px rgba(34, 35, 36, 0.2);
    transform: translateY(-3px); }
  .SalesFunnelRow .SalesFunnelRow__item > .etx-card .SalesFunnelCardBadges {
    transform: translateY(-3px); }
  .SalesFunnelRow .SalesFunnelRow__item > .etx-card .SalesFunnelCardBadges .SalesFunnelCardBadges__item {
    padding-left: 8px;
    padding-right: 8px;
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    background-color: var(--color-grey-3);
    line-height: 24px;
    color: var(--color-text-light);
    display: inline-block; }
  .SalesFunnelRow .SalesFunnelRow__item > .etx-card .SalesFunnelCardBadges .SalesFunnelCardBadges__item span {
    margin-left: 3px;
    display: inline-block; }

.ChatFlow .ChatFlow__item {
  margin-top: var(--etx-card-padding-v);
  display: block; }
  .ChatFlow .ChatFlow__item:first-child {
    margin-top: 0px; }

.Chat {
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  display: flex;
  position: relative;
  padding-left: var(--etx-card-padding-h);
  padding-right: var(--etx-card-padding-h);
  padding-top: var(--etx-card-padding-v);
  padding-bottom: var(--etx-card-padding-v);
  border-radius: var(--border-radius);
  background-color: var(--color-white-2); }
  .Chat .Chat__content {
    flex: 1 1 100%;
    width: calc(75% - 2*var(--etx-card-padding-h)); }
  .Chat .Chat__buttons {
    flex: 0 0 auto;
    width: 25%;
    margin-left: calc(2*var(--etx-card-padding-h)); }
  .Chat .Chat__buttons .etx-button-list {
    justify-content: flex-end; }
  .Chat.left {
    width: calc(1/var(--etx-flex-size)*100%*10);
    margin-right: auto;
    background-color: var(--color-grey-1); }
  .Chat.left::before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    left: -10px;
    top: 20px;
    border-right: 10px solid var(--color-grey-1);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent; }
  .Chat.right {
    width: calc(1/var(--etx-flex-size)*100%*10);
    margin-left: auto; }
  .Chat.right::before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    right: -10px;
    top: 20px;
    border-left: 10px solid var(--color-white-2);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent; }
  .Chat.selected {
    border-top: 3px solid var(--color-primary); }
  .Chat.fail {
    border-top: 3px solid var(--color-red); }
  .Chat.success {
    border-top: 3px solid var(--color-green); }
  .Chat + .Chat {
    margin-top: var(--etx-card-padding-v); }

.Info {
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  display: flex;
  position: relative;
  padding-left: var(--etx-card-padding-h);
  padding-right: var(--etx-card-padding-h);
  padding-top: var(--etx-card-padding-v);
  padding-bottom: var(--etx-card-padding-v);
  border-radius: var(--border-radius);
  background-color: var(--color-grey-3);
  color: var(--color-text-light); }
  .Info .Info__content {
    flex: 1 1 100%;
    width: auto; }
  .Info .Info__buttons {
    flex: 0 0 auto;
    width: auto;
    margin-left: calc(2*var(--etx-card-padding-h)); }
  .Info .Info__buttons .etx-button-list {
    justify-content: flex-end; }
  .Info.selected {
    border-top: 3px solid var(--color-primary); }
  .Info.fail {
    border-top: 3px solid var(--color-red); }
  .Info.success {
    border-top: 3px solid var(--color-green); }

.ProjectHeader {
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  display: flex; }
  .ProjectHeader .ProjectHeader__content {
    flex: 1 1 100%;
    width: calc(75% - 2*var(--etx-card-padding-h)); }
  .ProjectHeader .ProjectHeader__content .ProjectHeader__content__line {
    margin-top: 15px; }
  .ProjectHeader .ProjectHeader__content .ProjectHeader__content__line:first-child {
    margin-top: 0px; }
  .ProjectHeader .ProjectHeader__buttons {
    flex: 0 0 auto;
    width: 25%;
    margin-left: calc(2*var(--etx-card-padding-h)); }
  .ProjectHeader .ProjectHeader__buttons .etx-button-list {
    justify-content: flex-end; }
  .ProjectHeader + .OptionSelection {
    margin-top: var(--etx-card-padding-v);
    padding-top: var(--etx-card-padding-v); }
  .ProjectHeader + .OptionSelection::after {
    content: "";
    width: calc(100% + var(--etx-card-padding-v)*2);
    height: 1px;
    position: absolute;
    left: 50%;
    top: 0px;
    border: 0px;
    background-color: var(--color-dark-1);
    opacity: 0.1;
    mix-blend-mode: darken;
    transform: translateX(-50%); }
  .ProjectHeader + .SalesSelection {
    margin-top: var(--etx-card-padding-v);
    padding-top: var(--etx-card-padding-v); }
  .ProjectHeader + .SalesSelection::after {
    content: "";
    width: calc(100% + var(--etx-card-padding-v)*2);
    height: 1px;
    position: absolute;
    left: 50%;
    top: 0px;
    border: 0px;
    background-color: var(--color-dark-1);
    opacity: 0.1;
    mix-blend-mode: darken;
    transform: translateX(-50%); }

.ProjectInfo > * {
  margin-top: var(--etx-card-padding-v); }
  .ProjectInfo > *:first-child {
    margin-top: 0px; }
  .Gallery {
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: flex-start;
    display: flex;
    margin-left: calc(-1*var(--etx-card-padding-h));
    margin-top: calc(-1*var(--etx-card-padding-v)); }
  .Gallery .Gallery__item {
    flex: 0 0 auto;
    width: calc(100%/3 - var(--etx-card-padding-h));
    position: relative;
    margin-left: var(--etx-card-padding-h);
    margin-top: var(--etx-card-padding-v);
    cursor: pointer; }
  .Gallery .Gallery__item::before {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-color: var(--color-dark-1);
    opacity: 0.25;
    transition: opacity 0.4s var(--transition-timing); }
  .Gallery .Gallery__item::after {
    content: "\f00e";
    width: 30px;
    height: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    background-color: var(--color-white-1);
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    text-align: center;
    line-height: 30px;
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    transition: opacity 0.4s var(--transition-timing), transform 0.4s var(--transition-timing); }
  .Gallery .Gallery__item:hover::before {
    opacity: 0.15; }
  .Gallery .Gallery__item:hover::after {
    opacity: 0.75;
    transform: translate(-50%, -50%) scale(1.2); }

.OptionSelection {
  position: relative;
  margin-top: var(--etx-card-padding-v); }
  .OptionSelection:first-child {
    margin-top: 0px; }
  .OptionSelection .OptionSelection__answers {
    margin-top: var(--etx-card-padding-v); }
  .OptionSelection .OptionSelection__answers > * {
    margin-top: var(--etx-card-padding-v); }
  .OptionSelection .OptionSelection__answers > *:first-child {
    margin-top: 0px; }

.Answer {
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  display: flex;
  position: relative;
  padding-left: var(--etx-card-padding-h);
  padding-right: var(--etx-card-padding-h);
  padding-top: var(--etx-card-padding-v);
  padding-bottom: var(--etx-card-padding-v);
  border-radius: var(--border-radius);
  background-color: var(--color-grey-1); }
  .Answer .Answer__content {
    flex: 1 1 100%;
    width: calc(75% - 2*var(--etx-card-padding-h)); }
  .Answer .Answer__buttons {
    flex: 0 0 auto;
    width: 25%;
    margin-left: calc(2*var(--etx-card-padding-h)); }
  .Answer .Answer__buttons .etx-button-list {
    justify-content: flex-end; }
  .Answer.is-inactive .Answer__content {
    color: var(--color-grey-3); }
  .Answer.selected {
    border-top: 3px solid var(--color-primary); }
  .Answer.fail {
    border-top: 3px solid var(--color-red); }
  .Answer.success {
    border-top: 3px solid var(--color-green); }

.SalesSelection {
  position: relative;
  margin-top: var(--etx-card-padding-v); }
  .SalesSelection:first-child {
    margin-top: 0px; }
  .SalesSelection .SalesSelection__formgroup {
    margin-top: var(--etx-card-padding-v); }

.Table {
  display: block; }
  .Table + .Table {
    margin-top: 30px; }
  .Table .Table__title {
    padding: 10px 0px; }
  .Table .Table__title h3 {
    color: var(--color-text-secondary); }
  .Table .Table__title h3 button {
    text-align: center;
    line-height: 27px;
    border: none;
    background-color: transparent;
    opacity: 1;
    width: auto;
    height: auto;
    position: absolute;
    display: block;
    padding: 0px 10px;
    right: 0px;
    top: 0px;
    cursor: pointer; }
  .Table .Table__title h3 button:after {
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400; }
  .Table .Table__title.active h3 button:after {
    content: "\f106"; }
  .Table .Table__content {
    display: none;
    overflow: auto !important; }
  .Table .Table__content.wide .caption, .Table .Table__content.wide table {
    min-width: 30%; }
  .Table .Table__content .caption {
    min-width: 200px; }
  .Table .Table__content .etx-card {
    flex: 0 0 auto;
    width: 100%; }
  .Table .Table__content table {
    width: 100%;
    overflow: hidden;
    border-collapse: collapse;
    color: var(--color-text-primary);
    text-align: left; }
  .Table .Table__content table .a-right {
    text-align: right; }
  .Table .Table__content table .a-center {
    text-align: center; }
  .Table .Table__content table thead tr {
    border-bottom: 1px solid var(--color-tertiary); }
  .Table .Table__content table thead tr th {
    padding: 10px 15px;
    color: var(--color-text-secondary); }
  .Table .Table__content table thead tr th.hidden {
    color: transparent !important; }
  .Table .Table__content table tbody tr {
    border-bottom: 1px solid var(--color-tertiary); }
  .Table .Table__content table tbody tr td {
    padding: 10px 15px; }
  .Table .Table__content table tbody tr td.hidden {
    color: transparent !important; }
  .Main__content .Table .Table__content table tbody tr:nth-child(odd) td {
    background-color: var(--color-white-2); }
  .Table .Table__content table th:first-child:before {
    display: none; }
  .Table .Table__content table th:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    border-left: 1px dotted var(--color-tertiary);
    height: 100vh; }
  .Table .Table__content table td .grow-100, .Table .Table__content table th .grow-100, .Table .Table__content table tr .grow-100 {
    width: 100%; }
  .Table .Table__content table td .grow-75, .Table .Table__content table th .grow-75, .Table .Table__content table tr .grow-75 {
    width: 75%; }
  .Table .Table__content table td .grow-50, .Table .Table__content table th .grow-50, .Table .Table__content table tr .grow-50 {
    width: 50%; }
  .Table .Table__content table td .grow-25, .Table .Table__content table th .grow-25, .Table .Table__content table tr .grow-25 {
    width: 25%; }
  .Main .Table .Table__content.with-caption table {
    table-layout: fixed; }
  .Main .Table .Table__content.with-caption table thead tr th:first-child {
    width: 200px; }
  .Main .Table .Table__content.with-caption table tbody tr td:first-child {
    width: 200px; }
  .Main .Table .Table__content.no-caption table {
    table-layout: fixed; }
  .Table .Table__content .formgroup {
    width: 100%; }
  .Table .Table__content .mat-radio-group {
    width: 100%;
    display: block; }
  .Table .Table__content.active {
    display: flex;
    width: 100%; }

.bg-white-1 {
  background-color: var(--color-white-1); }

.bg-white-2 {
  background-color: var(--color-white-2); }

.bg-grey-1 {
  background-color: var(--color-grey-1); }

.bg-dark-1 {
  background-color: var(--color-dark-1); }

.BackgroundPattern {
  width: 100%;
  height: 35%;
  position: absolute;
  left: 0px;
  top: 100px;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 150% auto; }
  @media (min-width: 1000px) {
  .BackgroundPattern {
    height: 100%;
    top: 600px;
    background-position: center top;
    background-size: 100% auto; } }

.etx-grid {
  display: grid;
  grid-template-columns: 20% 20% 20% 20% 20%;
  grid-template-rows: auto; }