/*liweDarkerColor($liweSecondaryColorLight);*/
/*liweLighterColor($liweSecondaryColorLight);*/
@font-face {
  src: url("/fonts/Roboto/Roboto-Regular.ttf");
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400; }

@font-face {
  src: url("/fonts/Roboto/Roboto-Bold.ttf");
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700; }

@font-face {
  src: url("/fonts/Roboto/Roboto-Italic.ttf");
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400; }

@font-face {
  src: url("/fonts/Rozha/RozhaOne-Regular.ttf");
  font-family: 'Rozha One';
  font-style: normal;
  font-weight: 400 700; }

:root {
  --liwe-main-font-family: Roboto, sans-serif;
  --liwe-space-1: 0.25rem;
  --liwe-space-2: 0.5rem;
  --liwe-space-3: 1rem;
  --liwe-space-4: 2rem;
  --liwe-breakpoint-xs: #($liweXs);
  --liwe-breakpoint-sm: #($liweSm);
  --liwe-breakpoint-md: #($liweMd);
  --liwe-breakpoint-lg: #($liweLg);
  --liwe-breakpoint-xl: #($liweXl);
  --liwe-breakpoint-xxl: #($liweXxl);
  --liwe-breakpoint-4k: #($liwe4k);
  --liwe-font-family: Roboto, sans-serif;
  --liwe-secondary-font-family: Rozha One, serif;
  --liwe-font-weight: 400;
  --liwe-font-size: 20px;
  --liwe-border-radius: 0.25rem;
  --liwe-border-width: 1px;
  --liwe-border-style: solid;
  --liwe-button-padding-y: 0.25rem;
  --liwe-button-padding-x: 0.1rem; }

.liwe3-light-theme {
  background-color: var(--liwe3-dark-50);

  --button-mode1-background: var(--liwe3-mode1-700);
  --button-mode2-background: var(--liwe3-mode2-700);
  --button-mode3-background: var(--liwe3-mode3-700);
  --button-mode4-background: var(--liwe3-mode4-700);

  --button-mode1-border: var(--liwe3-mode1-700-border);
  --button-mode2-border: var(--liwe3-mode2-700-border);
  --button-mode3-border: var(--liwe3-mode3-700-border);
  --button-mode4-border: var(--liwe3-mode4-700-border);

  --button-mode1-text: var(--liwe3-mode1-700-text);
  --button-mode2-text: var(--liwe3-mode2-700-text);
  --button-mode3-text: var(--liwe3-mode3-700-text);
  --button-mode4-text: var(--liwe3-mode4-700-text);
  --button-text: var(--liwe3-mode1-900);

  --button-mode1-hover: var(--liwe3-mode1-700-hover);
  --button-mode2-hover: var(--liwe3-mode2-700-hover);
  --button-mode3-hover: var(--liwe3-mode3-700-hover);
  --button-mode4-hover: var(--liwe3-mode4-700-hover);

  --button-mode1-active: var(--liwe3-mode1-700-active);
  --button-mode2-active: var(--liwe3-mode2-700-active);
  --button-mode3-active: var(--liwe3-mode3-700-active);
  --button-mode4-active: var(--liwe3-mode4-700-active);

  --button-mode1-disabled: var(--liwe3-mode1-700-disabled);
  --button-mode2-disabled: var(--liwe3-mode2-700-disabled);
  --button-mode3-disabled: var(--liwe3-mode3-700-disabled);
  --button-mode4-disabled: var(--liwe3-mode4-700-disabled);

  --button-mode1-disabled-text: var(--liwe3-mode1-700-disabled-text);
  --button-mode2-disabled-text: var(--liwe3-mode2-700-disabled-text);
  --button-mode3-disabled-text: var(--liwe3-mode3-700-disabled-text);
  --button-mode4-disabled-text: var(--liwe3-mode4-700-disabled-text);

  .table, .form, .liwe3-tabs, .liwe3-theme {
    .mode1 {
      --paper: var(--liwe3-mode1-100);
      --background: var(--liwe3-mode1-50);
      --color: var(--liwe3-mode1-50-text);
      --border: var(--liwe3-mode1-50-border);
      --placeholder: var(--liwe3-mode1-700);
      --light: var(--liwe3-mode1-300);
      --lighter: var(--liwe3-mode1-200);
      --darker: var(--liwe3-mode1-700);
      --dark: var(--liwe3-mode1-600);
    }

    .mode2 { /* :not(:has(.svelte-select)) { */
      --paper: var(--liwe3-mode2-100);
      --background: var(--liwe3-mode2-50);
      --color: var(--liwe3-mode2-50-text);
      --border: var(--liwe3-mode2-50-border);
      --placeholder: var(--liwe3-mode2-700);
      --light: var(--liwe3-mode2-300);
      --lighter: var(--liwe3-mode2-200);
      --darker: var(--liwe3-mode2-700);
      --dark: var(--liwe3-mode2-600);
    }

    .mode3 {
      --paper: var(--liwe3-mode3-100);
      --background: var(--liwe3-mode3-50);
      --color: var(--liwe3-mode3-50-text);
      --border: var(--liwe3-mode3-50-border);
      --placeholder: var(--liwe3-mode3-700);
      --light: var(--liwe3-mode3-300);
      --lighter: var(--liwe3-mode3-200);
      --darker: var(--liwe3-mode3-700);
      --dark: var(--liwe3-mode3-600);
    }

    .mode4 {
      --paper: var(--liwe3-mode4-100);
      --background: var(--liwe3-mode4-50);
      --color: var(--liwe3-mode4-50-text);
      --border: var(--liwe3-mode4-50-border);
      --placeholder: var(--liwe3-mode4-700);
      --light: var(--liwe3-mode4-300);
      --lighter: var(--liwe3-mode4-200);
      --darker: var(--liwe3-mode4-700);
      --dark: var(--liwe3-mode4-600);
    }

    .mode1.svelte-select,
    .mode2.svelte-select,
    .mode3.svelte-select,
    .mode4.svelte-select {
        --border-radius: var(--liwe-border-radius);
        --border: 1px solid var(--liwe-border-color);
    }

    .mode1.svelte-select {
        --background: var(--liwe3-mode1-50);
    }

    .mode2.svelte-select {
        --background: var(--liwe3-mode2-50);
    }

    .mode3.svelte-select {
        --background: var(--liwe3-mode3-50);
    }

    .mode4.svelte-select {
        --background: var(--liwe3-mode4-50);
    }

  }

  .table, .liwe3-tabs {
    --table-font-size: 0.8rem;
    --table-font-family: var(--liwe-main-font-family);
    --shadow: var(--liwe3-dark-800);
  }

  .liwe3-tabs {
    .mode1 {
      --paper: var(--liwe3-mode1-50);
      --label: var(--liwe3-mode1-50-text);
    }

    .mode2 {
      --paper: var(--liwe3-mode2-50);
      --label: var(--liwe3-mode2-50-text);
    }

    .mode3 {
      --paper: var(--liwe3-mode3-50);
      --label: var(--liwe3-mode3-50-text);
    }

    .mode4 {
      --paper: var(--liwe3-mode4-50);
      --label: var(--liwe3-mode4-50-text);
    }
  }
}

.liwe3-dark-theme {
  background-color: var(--liwe3-dark-900);

  --button-mode1-background: var(--liwe3-mode1-300);
  --button-mode2-background: var(--liwe3-mode2-300);
  --button-mode3-background: var(--liwe3-mode3-300);
  --button-mode4-background: var(--liwe3-mode4-300);

  --button-mode1-border: var(--liwe3-mode1-300-border);
  --button-mode2-border: var(--liwe3-mode2-300-border);
  --button-mode3-border: var(--liwe3-mode3-300-border);
  --button-mode4-border: var(--liwe3-mode4-300-border);

  --button-mode1-text: var(--liwe3-mode1-300-text);
  --button-mode2-text: var(--liwe3-mode2-300-text);
  --button-mode3-text: var(--liwe3-mode3-300-text);
  --button-mode4-text: var(--liwe3-mode4-300-text);
  --button-text: var(--liwe3-mode1-100);

  --button-mode1-hover: var(--liwe3-mode1-300-hover);
  --button-mode2-hover: var(--liwe3-mode2-300-hover);
  --button-mode3-hover: var(--liwe3-mode3-300-hover);
  --button-mode4-hover: var(--liwe3-mode4-300-hover);

  --button-mode1-active: var(--liwe3-mode1-300-active);
  --button-mode2-active: var(--liwe3-mode2-300-active);
  --button-mode3-active: var(--liwe3-mode3-300-active);
  --button-mode4-active: var(--liwe3-mode4-300-active);

  --button-mode1-disabled: var(--liwe3-mode1-300-disabled);
  --button-mode2-disabled: var(--liwe3-mode2-300-disabled);
  --button-mode3-disabled: var(--liwe3-mode3-300-disabled);
  --button-mode4-disabled: var(--liwe3-mode4-300-disabled);

  --button-mode1-disabled-text: var(--liwe3-mode1-300-disabled-text);
  --button-mode2-disabled-text: var(--liwe3-mode2-300-disabled-text);
  --button-mode3-disabled-text: var(--liwe3-mode3-300-disabled-text);
  --button-mode4-disabled-text: var(--liwe3-mode4-300-disabled-text);

  .table, .form, .liwe3-tabs, .liwe3-theme {
    .mode1 {
      --paper: var(--liwe3-mode1-800);
      --background: var(--liwe3-mode1-700);
      --color: var(--liwe3-mode1-700-text);
      --border: var(--liwe3-mode1-700-border);
      --placeholder: var(--liwe3-mode1-200);
      --light: var(--liwe3-mode1-600-border);
      --lighter: var(--liwe3-mode1-500-border);
      --dark: var(--liwe3-mode1-800-border);
      --darker: var(--liwe3-mode1-900-border);
    }

    .mode2 {
      --paper: var(--liwe3-mode2-800);
      --background: var(--liwe3-mode2-700);
      --color: var(--liwe3-mode2-700-text);
      --border: var(--liwe3-mode2-700-border);
      --placeholder: var(--liwe3-mode2-200);
      --light: var(--liwe3-mode2-600-border);
      --lighter: var(--liwe3-mode2-500-border);
      --dark: var(--liwe3-mode2-800-border);
      --darker: var(--liwe3-mode2-900-border);
    }


    .mode3 {
      --paper: var(--liwe3-mode3-800);
      --background: var(--liwe3-mode3-700);
      --color: var(--liwe3-mode3-700-text);
      --border: var(--liwe3-mode3-700-border);
      --placeholder: var(--liwe3-mode3-200);
      --light: var(--liwe3-mode3-600-border);
      --lighter: var(--liwe3-mode3-500-border);
      --dark: var(--liwe3-mode3-800-border);
      --darker: var(--liwe3-mode3-900-border);
    }

    .mode4 {
      --paper: var(--liwe3-mode4-800);
      --background: var(--liwe3-mode4-700);
      --color: var(--liwe3-mode4-700-text);
      --border: var(--liwe3-mode4-700-border);
      --placeholder: var(--liwe3-mode4-200);
      --light: var(--liwe3-mode4-600-border);
      --lighter: var(--liwe3-mode4-500-border);
      --dark: var(--liwe3-mode4-800-border);
      --darker: var(--liwe3-mode4-900-border);
    }

    .mode1.svelte-select,
    .mode2.svelte-select,
    .mode3.svelte-select,
    .mode4.svelte-select {
        --border-radius: var(--liwe-border-radius);
        --border: 1px solid var(--liwe-border-color);
    }

    .mode1.svelte-select {
        --background: var(--liwe3-mode1-700);
    }

    .mode2.svelte-select {
        --background: var(--liwe3-mode2-700);
    }

    .mode3.svelte-select {
        --background: var(--liwe3-mode3-700);
    }

    .mode4.svelte-select {
        --background: var(--liwe3-mode4-700);
    }
  }

  .table, .liwe3-tabs {
    --table-font-size: 0.8rem;
    --table-font-family: var(--liwe-main-font-family);

    .mode2 {
      --paper: var(--liwe3-mode2-800);
      --darker: var(--liwe3-mode2-900-border);
      --dark: var(--liwe3-mode2-800-border);
      --light: var(--liwe3-mode2-600-border);
      --lighter: var(--liwe3-mode2-500-border);
    }

    .mode3 {
      --paper: var(--liwe3-mode3-800);
      --darker: var(--liwe3-mode3-900-border);
      --dark: var(--liwe3-mode3-800-border);
      --light: var(--liwe3-mode3-600-border);
      --lighter: var(--liwe3-mode3-500-border);
    }

    .mode4 {
      --paper: var(--liwe3-mode4-800);
      --darker: var(--liwe3-mode4-900-border);
      --dark: var(--liwe3-mode4-800-border);
      --light: var(--liwe3-mode4-600-border);
      --lighter: var(--liwe3-mode4-500-border);
    }
  }

  .liwe3-tabs {
    .mode1 {
      --paper: var(--liwe3-mode1-800);
      --label: var(--liwe3-mode1-800-text);
    }

    .mode2 {
      --paper: var(--liwe3-mode2-800);
      --label: var(--liwe3-mode2-800-text);
    }

    .mode3 {
      --paper: var(--liwe3-mode3-800);
      --label: var(--liwe3-mode3-800-text);
    }

    .mode4 {
      --paper: var(--liwe3-mode4-800);
      --label: var(--liwe3-mode4-800-text);
    }
  }
}

.liwe3-light-theme .form,
.liwe3-dark-theme .form {
  .mode1 {
    background-color: var(--background);
    color: var(--color);
    border: 1px solid var(--border);
    border-radius: var(--liwe-border-radius);
  }

  .mode2 {
    background-color: var(--background);
    color: var(--color);
    border: 1px solid var(--border);
    border-radius: var(--liwe-border-radius);
  }

  .mode3 {
    background-color: var(--background);
    color: var(--color);
    border: 1px solid var(--border);
    border-radius: var(--liwe-border-radius);
  }

  .mode4 {
    background-color: var(--background);
    color: var(--color);
    border: 1px solid var(--border);
    border-radius: var(--liwe-border-radius);
  }


  .mode1::placeholder,
  .mode2::placeholder,
  .mode3::placeholder,
  .mode4::placeholder {
    color: var(--placeholder);
  }
}

/* BROWSER RESET RULES */
* {
  margin: 0;
  padding: 0; }

*,
*::before,
*::after {
  box-sizing: border-box; }

input,
select,
textarea,
button {
  outline: none;
  border: none;
  font: inherit; }

/* end reset rules */
html {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-size: var(--liwe-font-size); }

body {
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: var(--liwe-main-bg-color);
  font-family: var(--liwe-font-family);
  font-size: var(--liwe-font-size);
  font-weight: var(--liwe-font-weight);
  color: var(--liwe-default-color); }

/* Typography */
a {
  color: var(--liwe-primary-color);
  text-decoration: none; }

a:active,
a:focus,
a:hover {
  color: var(--liwe-primary-color);
  text-decoration: underline; }

a:visited {
  color: var(--liwe-lighter-primary-color); }

h1,
h2 {
  font-family: var(--liwe-secondary-font-family); }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  margin: var(--liwe-space-2) 0; }

h1 {
  font-size: 2.5rem;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: left; }

h2 {
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: left; }

h3 {
  font-size: 1.75rem;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: left; }

h4 {
  font-size: 1.5rem;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: left; }

h5 {
  font-size: 1.25rem;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: left; }

h6 {
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: left; }

p {
  font-size: 1rem;
  font-weight: var(--liwe-font-weight);
  line-height: 1.2;
  letter-spacing: 0;
  text-align: left; }

a {
  font-size: 1rem;
  font-weight: var(--liwe-font-weight);
  line-height: 1.2;
  letter-spacing: 0;
  text-align: left; }

li {
  font-size: 1rem;
  font-weight: var(--liwe-font-weight);
  line-height: 1.2;
  letter-spacing: 0;
  text-align: left; }

blockquote {
  font-size: 1rem;
  font-weight: var(--liwe-font-weight);
  line-height: 1.2;
  letter-spacing: 0;
  text-align: left; }

small {
  font-size: 0.875rem;
  font-weight: var(--liwe-font-weight);
  line-height: 1.2;
  letter-spacing: 0;
  text-align: left; }

code {
  font-size: 1rem;
  font-weight: var(--liwe-font-weight);
  line-height: 1.2;
  letter-spacing: 0;
  text-align: left; }

pre {
  font-size: 1rem;
  font-weight: var(--liwe-font-weight);
  line-height: 1.2;
  letter-spacing: 0;
  text-align: left; }

kbd {
  font-size: 1rem;
  font-weight: var(--liwe-font-weight);
  line-height: 1.2;
  letter-spacing: 0;
  text-align: left; }

strong {
  font-size: 1rem;
  font-weight: calc((var(--liwe-font-weight) /2) * 3);
  line-height: 1.2;
  letter-spacing: 0;
  text-align: left; }

input {
  font-size: var(--liwe-font-size);
  font-weight: var(--liwe-font-weight);
  line-height: 1.2;
  letter-spacing: 0;
  text-align: left; }
  input::placeholder {
    font-size: 1rem;
    font-weight: var(--liwe-font-weight);
    line-height: 1.2;
    letter-spacing: 0;
    text-align: left; }

button {
  padding: var(--liwe-button-padding-y) var(--liwe-button-padding-x);
  border-width: var(--liwe-border-width);
  border-style: var(--liwe-border-style);
  border-color: var(--liwe-darker-primary-color);
  border-radius: var(--liwe-border-radius);
  background-color: var(--liwe-primary-color);
  color: var(--liwe-default-color);
  font-size: var(--liwe-font-size);
  user-select: none;
  cursor: pointer; }

button:disabled {
  cursor: default; }

button:hover:not(:disabled) {
  background-color: var(--liwe-lighter-primary-color);
  color: var(--liwe-default-color); }

.liwe3-lead {
  font-size: 1.25rem;
  font-weight: calc((var(--liwe-font-weight) /2) * 2.5);
  line-height: 1.2;
  letter-spacing: 0;
  text-align: left; }

/* LAYOUT */
/* flex */
.liwe3-container-fluid {
  width: 100%;
  padding: 0 1.5rem; }

.liwe3-container {
  max-width: 1536px;
  margin: 0 auto;
  padding: 0 1.5rem; }

.liwe3-flex-start {
  justify-content: flex-start !important; }

.liwe3-flex-end {
  justify-content: flex-end !important; }

.liwe3-flex-center {
  justify-content: center !important; }

.liwe3-flex-between {
  justify-content: space-between !important; }

.liwe3-flex-around {
  justify-content: space-around !important; }

.liwe3-flex-evenly {
  justify-content: space-evenly !important; }

.liwe3-flex-top {
  align-items: flex-start !important; }

.liwe3-flex-bottom {
  align-items: flex-end !important; }

.liwe3-flex-middle {
  align-items: center !important; }

.liwe3-flex-stretch {
  align-items: stretch !important; }

.liwe3-flex-baseline {
  align-items: baseline !important; }

.liwe3-fullwidth {
  min-width: 100%;
  width: 100%; }

.liwe3-round {
  border-radius: 50%; }

.liwe3-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: -0; }

.liwe3-col {
  position: relative;
  width: 100%; }

@media (min-width: 0) {
  .liwe3-col-xs1 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 1) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 1) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-xs1 {
    margin-left: calc((100 / 12 * 1) * 1%) !important; }
  .liwe3-col-xs2 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 2) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 2) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-xs2 {
    margin-left: calc((100 / 12 * 2) * 1%) !important; }
  .liwe3-col-xs3 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 3) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 3) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-xs3 {
    margin-left: calc((100 / 12 * 3) * 1%) !important; }
  .liwe3-col-xs4 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 4) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 4) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-xs4 {
    margin-left: calc((100 / 12 * 4) * 1%) !important; }
  .liwe3-col-xs5 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 5) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 5) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-xs5 {
    margin-left: calc((100 / 12 * 5) * 1%) !important; }
  .liwe3-col-xs6 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 6) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 6) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-xs6 {
    margin-left: calc((100 / 12 * 6) * 1%) !important; }
  .liwe3-col-xs7 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 7) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 7) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-xs7 {
    margin-left: calc((100 / 12 * 7) * 1%) !important; }
  .liwe3-col-xs8 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 8) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 8) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-xs8 {
    margin-left: calc((100 / 12 * 8) * 1%) !important; }
  .liwe3-col-xs9 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 9) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 9) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-xs9 {
    margin-left: calc((100 / 12 * 9) * 1%) !important; }
  .liwe3-col-xs10 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 10) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 10) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-xs10 {
    margin-left: calc((100 / 12 * 10) * 1%) !important; }
  .liwe3-col-xs11 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 11) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 11) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-xs11 {
    margin-left: calc((100 / 12 * 11) * 1%) !important; }
  .liwe3-col-xs12 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 12) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 12) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-xs12 {
    margin-left: calc((100 / 12 * 12) * 1%) !important; } }

@media (min-width: 640px) {
  .liwe3-col-sm1 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 1) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 1) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-sm1 {
    margin-left: calc((100 / 12 * 1) * 1%) !important; }
  .liwe3-col-sm2 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 2) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 2) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-sm2 {
    margin-left: calc((100 / 12 * 2) * 1%) !important; }
  .liwe3-col-sm3 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 3) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 3) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-sm3 {
    margin-left: calc((100 / 12 * 3) * 1%) !important; }
  .liwe3-col-sm4 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 4) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 4) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-sm4 {
    margin-left: calc((100 / 12 * 4) * 1%) !important; }
  .liwe3-col-sm5 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 5) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 5) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-sm5 {
    margin-left: calc((100 / 12 * 5) * 1%) !important; }
  .liwe3-col-sm6 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 6) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 6) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-sm6 {
    margin-left: calc((100 / 12 * 6) * 1%) !important; }
  .liwe3-col-sm7 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 7) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 7) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-sm7 {
    margin-left: calc((100 / 12 * 7) * 1%) !important; }
  .liwe3-col-sm8 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 8) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 8) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-sm8 {
    margin-left: calc((100 / 12 * 8) * 1%) !important; }
  .liwe3-col-sm9 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 9) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 9) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-sm9 {
    margin-left: calc((100 / 12 * 9) * 1%) !important; }
  .liwe3-col-sm10 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 10) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 10) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-sm10 {
    margin-left: calc((100 / 12 * 10) * 1%) !important; }
  .liwe3-col-sm11 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 11) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 11) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-sm11 {
    margin-left: calc((100 / 12 * 11) * 1%) !important; }
  .liwe3-col-sm12 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 12) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 12) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-sm12 {
    margin-left: calc((100 / 12 * 12) * 1%) !important; } }

@media (min-width: 768px) {
  .liwe3-col-md1 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 1) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 1) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-md1 {
    margin-left: calc((100 / 12 * 1) * 1%) !important; }
  .liwe3-col-md2 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 2) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 2) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-md2 {
    margin-left: calc((100 / 12 * 2) * 1%) !important; }
  .liwe3-col-md3 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 3) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 3) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-md3 {
    margin-left: calc((100 / 12 * 3) * 1%) !important; }
  .liwe3-col-md4 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 4) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 4) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-md4 {
    margin-left: calc((100 / 12 * 4) * 1%) !important; }
  .liwe3-col-md5 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 5) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 5) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-md5 {
    margin-left: calc((100 / 12 * 5) * 1%) !important; }
  .liwe3-col-md6 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 6) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 6) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-md6 {
    margin-left: calc((100 / 12 * 6) * 1%) !important; }
  .liwe3-col-md7 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 7) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 7) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-md7 {
    margin-left: calc((100 / 12 * 7) * 1%) !important; }
  .liwe3-col-md8 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 8) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 8) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-md8 {
    margin-left: calc((100 / 12 * 8) * 1%) !important; }
  .liwe3-col-md9 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 9) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 9) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-md9 {
    margin-left: calc((100 / 12 * 9) * 1%) !important; }
  .liwe3-col-md10 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 10) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 10) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-md10 {
    margin-left: calc((100 / 12 * 10) * 1%) !important; }
  .liwe3-col-md11 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 11) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 11) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-md11 {
    margin-left: calc((100 / 12 * 11) * 1%) !important; }
  .liwe3-col-md12 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 12) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 12) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-md12 {
    margin-left: calc((100 / 12 * 12) * 1%) !important; } }

@media (min-width: 1024px) {
  .liwe3-col-lg1 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 1) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 1) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-lg1 {
    margin-left: calc((100 / 12 * 1) * 1%) !important; }
  .liwe3-col-lg2 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 2) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 2) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-lg2 {
    margin-left: calc((100 / 12 * 2) * 1%) !important; }
  .liwe3-col-lg3 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 3) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 3) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-lg3 {
    margin-left: calc((100 / 12 * 3) * 1%) !important; }
  .liwe3-col-lg4 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 4) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 4) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-lg4 {
    margin-left: calc((100 / 12 * 4) * 1%) !important; }
  .liwe3-col-lg5 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 5) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 5) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-lg5 {
    margin-left: calc((100 / 12 * 5) * 1%) !important; }
  .liwe3-col-lg6 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 6) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 6) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-lg6 {
    margin-left: calc((100 / 12 * 6) * 1%) !important; }
  .liwe3-col-lg7 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 7) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 7) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-lg7 {
    margin-left: calc((100 / 12 * 7) * 1%) !important; }
  .liwe3-col-lg8 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 8) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 8) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-lg8 {
    margin-left: calc((100 / 12 * 8) * 1%) !important; }
  .liwe3-col-lg9 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 9) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 9) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-lg9 {
    margin-left: calc((100 / 12 * 9) * 1%) !important; }
  .liwe3-col-lg10 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 10) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 10) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-lg10 {
    margin-left: calc((100 / 12 * 10) * 1%) !important; }
  .liwe3-col-lg11 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 11) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 11) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-lg11 {
    margin-left: calc((100 / 12 * 11) * 1%) !important; }
  .liwe3-col-lg12 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 12) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 12) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-lg12 {
    margin-left: calc((100 / 12 * 12) * 1%) !important; } }

@media (min-width: 1280px) {
  .liwe3-col-xl1 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 1) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 1) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-xl1 {
    margin-left: calc((100 / 12 * 1) * 1%) !important; }
  .liwe3-col-xl2 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 2) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 2) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-xl2 {
    margin-left: calc((100 / 12 * 2) * 1%) !important; }
  .liwe3-col-xl3 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 3) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 3) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-xl3 {
    margin-left: calc((100 / 12 * 3) * 1%) !important; }
  .liwe3-col-xl4 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 4) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 4) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-xl4 {
    margin-left: calc((100 / 12 * 4) * 1%) !important; }
  .liwe3-col-xl5 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 5) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 5) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-xl5 {
    margin-left: calc((100 / 12 * 5) * 1%) !important; }
  .liwe3-col-xl6 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 6) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 6) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-xl6 {
    margin-left: calc((100 / 12 * 6) * 1%) !important; }
  .liwe3-col-xl7 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 7) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 7) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-xl7 {
    margin-left: calc((100 / 12 * 7) * 1%) !important; }
  .liwe3-col-xl8 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 8) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 8) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-xl8 {
    margin-left: calc((100 / 12 * 8) * 1%) !important; }
  .liwe3-col-xl9 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 9) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 9) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-xl9 {
    margin-left: calc((100 / 12 * 9) * 1%) !important; }
  .liwe3-col-xl10 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 10) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 10) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-xl10 {
    margin-left: calc((100 / 12 * 10) * 1%) !important; }
  .liwe3-col-xl11 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 11) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 11) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-xl11 {
    margin-left: calc((100 / 12 * 11) * 1%) !important; }
  .liwe3-col-xl12 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 12) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 12) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-xl12 {
    margin-left: calc((100 / 12 * 12) * 1%) !important; } }

@media (min-width: 1536px) {
  .liwe3-col-xxl1 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 1) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 1) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-xxl1 {
    margin-left: calc((100 / 12 * 1) * 1%) !important; }
  .liwe3-col-xxl2 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 2) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 2) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-xxl2 {
    margin-left: calc((100 / 12 * 2) * 1%) !important; }
  .liwe3-col-xxl3 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 3) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 3) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-xxl3 {
    margin-left: calc((100 / 12 * 3) * 1%) !important; }
  .liwe3-col-xxl4 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 4) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 4) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-xxl4 {
    margin-left: calc((100 / 12 * 4) * 1%) !important; }
  .liwe3-col-xxl5 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 5) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 5) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-xxl5 {
    margin-left: calc((100 / 12 * 5) * 1%) !important; }
  .liwe3-col-xxl6 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 6) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 6) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-xxl6 {
    margin-left: calc((100 / 12 * 6) * 1%) !important; }
  .liwe3-col-xxl7 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 7) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 7) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-xxl7 {
    margin-left: calc((100 / 12 * 7) * 1%) !important; }
  .liwe3-col-xxl8 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 8) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 8) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-xxl8 {
    margin-left: calc((100 / 12 * 8) * 1%) !important; }
  .liwe3-col-xxl9 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 9) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 9) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-xxl9 {
    margin-left: calc((100 / 12 * 9) * 1%) !important; }
  .liwe3-col-xxl10 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 10) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 10) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-xxl10 {
    margin-left: calc((100 / 12 * 10) * 1%) !important; }
  .liwe3-col-xxl11 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 11) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 11) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-xxl11 {
    margin-left: calc((100 / 12 * 11) * 1%) !important; }
  .liwe3-col-xxl12 {
    flex: 0 0 calc((((100 - (0 * (12 - 1))) / 12) * 12) * 1%);
    max-width: calc((((100 - (0 * (12 - 1))) / 12) * 12) * 1%);
    max-height: calc((100 - (0 *2)) * 1%);
    margin: calc(0 * 1%) calc(0 * 1%); }
  .liwe3-offset-xxl12 {
    margin-left: calc((100 / 12 * 12) * 1%) !important; } }

.liwe3-col1 {
  flex: 0 0 calc(((100 / 12) * 1) * 1%);
  max-width: calc(((100 / 12 * 1) - (0 *2)) * 1%);
  max-height: calc((100 - (0 *2)) * 1%);
  margin: 0 0;
  /* these are used to make all cols the same height */
  display: flex;
  align-items: stretch;
  flex-direction: column; }

.liwe3-col2 {
  flex: 0 0 calc(((100 / 12) * 2) * 1%);
  max-width: calc(((100 / 12 * 2) - (0 *2)) * 1%);
  max-height: calc((100 - (0 *2)) * 1%);
  margin: 0 0;
  /* these are used to make all cols the same height */
  display: flex;
  align-items: stretch;
  flex-direction: column; }

.liwe3-col3 {
  flex: 0 0 calc(((100 / 12) * 3) * 1%);
  max-width: calc(((100 / 12 * 3) - (0 *2)) * 1%);
  max-height: calc((100 - (0 *2)) * 1%);
  margin: 0 0;
  /* these are used to make all cols the same height */
  display: flex;
  align-items: stretch;
  flex-direction: column; }

.liwe3-col4 {
  flex: 0 0 calc(((100 / 12) * 4) * 1%);
  max-width: calc(((100 / 12 * 4) - (0 *2)) * 1%);
  max-height: calc((100 - (0 *2)) * 1%);
  margin: 0 0;
  /* these are used to make all cols the same height */
  display: flex;
  align-items: stretch;
  flex-direction: column; }

.liwe3-col5 {
  flex: 0 0 calc(((100 / 12) * 5) * 1%);
  max-width: calc(((100 / 12 * 5) - (0 *2)) * 1%);
  max-height: calc((100 - (0 *2)) * 1%);
  margin: 0 0;
  /* these are used to make all cols the same height */
  display: flex;
  align-items: stretch;
  flex-direction: column; }

.liwe3-col6 {
  flex: 0 0 calc(((100 / 12) * 6) * 1%);
  max-width: calc(((100 / 12 * 6) - (0 *2)) * 1%);
  max-height: calc((100 - (0 *2)) * 1%);
  margin: 0 0;
  /* these are used to make all cols the same height */
  display: flex;
  align-items: stretch;
  flex-direction: column; }

.liwe3-col7 {
  flex: 0 0 calc(((100 / 12) * 7) * 1%);
  max-width: calc(((100 / 12 * 7) - (0 *2)) * 1%);
  max-height: calc((100 - (0 *2)) * 1%);
  margin: 0 0;
  /* these are used to make all cols the same height */
  display: flex;
  align-items: stretch;
  flex-direction: column; }

.liwe3-col8 {
  flex: 0 0 calc(((100 / 12) * 8) * 1%);
  max-width: calc(((100 / 12 * 8) - (0 *2)) * 1%);
  max-height: calc((100 - (0 *2)) * 1%);
  margin: 0 0;
  /* these are used to make all cols the same height */
  display: flex;
  align-items: stretch;
  flex-direction: column; }

.liwe3-col9 {
  flex: 0 0 calc(((100 / 12) * 9) * 1%);
  max-width: calc(((100 / 12 * 9) - (0 *2)) * 1%);
  max-height: calc((100 - (0 *2)) * 1%);
  margin: 0 0;
  /* these are used to make all cols the same height */
  display: flex;
  align-items: stretch;
  flex-direction: column; }

.liwe3-col10 {
  flex: 0 0 calc(((100 / 12) * 10) * 1%);
  max-width: calc(((100 / 12 * 10) - (0 *2)) * 1%);
  max-height: calc((100 - (0 *2)) * 1%);
  margin: 0 0;
  /* these are used to make all cols the same height */
  display: flex;
  align-items: stretch;
  flex-direction: column; }

.liwe3-col11 {
  flex: 0 0 calc(((100 / 12) * 11) * 1%);
  max-width: calc(((100 / 12 * 11) - (0 *2)) * 1%);
  max-height: calc((100 - (0 *2)) * 1%);
  margin: 0 0;
  /* these are used to make all cols the same height */
  display: flex;
  align-items: stretch;
  flex-direction: column; }

.liwe3-col12 {
  flex: 0 0 calc(((100 / 12) * 12) * 1%);
  max-width: calc(((100 / 12 * 12) - (0 *2)) * 1%);
  max-height: calc((100 - (0 *2)) * 1%);
  margin: 0 0;
  /* these are used to make all cols the same height */
  display: flex;
  align-items: stretch;
  flex-direction: column; }

.liwe3-col-offset1 {
  margin-left: 8.333333%; }

.liwe3-col-offset2 {
  margin-left: 16.666667%; }

.liwe3-col-offset3 {
  margin-left: 25%; }

.liwe3-col-offset4 {
  margin-left: 33.333333%; }

.liwe3-col-offset5 {
  margin-left: 41.666667%; }

.liwe3-col-offset6 {
  margin-left: 50%; }

.liwe3-col-offset7 {
  margin-left: 58.333333%; }

.liwe3-col-offset8 {
  margin-left: 66.666667%; }

.liwe3-col-offset9 {
  margin-left: 75%; }

.liwe3-col-offset10 {
  margin-left: 83.333333%; }

.liwe3-col-offset11 {
  margin-left: 91.666667%; }

.liwe3-spaced-1 {
  margin: var(--liwe-space-1); }

.liwe3-spaced-hor-1 {
  margin: 0 var(--liwe-space-1); }

.liwe3-spaced-ver-1 {
  margin: var(--liwe-space-1) 0; }

.liwe3-spaced-2 {
  margin: var(--liwe-space-2); }

.liwe3-spaced-hor-2 {
  margin: 0 var(--liwe-space-2); }

.liwe3-spaced-ver-2 {
  margin: var(--liwe-space-2) 0; }

.liwe3-spaced-3 {
  margin: var(--liwe-space-3); }

.liwe3-spaced-hor-3 {
  margin: 0 var(--liwe-space-3); }

.liwe3-spaced-ver-3 {
  margin: var(--liwe-space-3) 0; }

.liwe3-spaced-4 {
  margin: var(--liwe-space-4); }

.liwe3-spaced-hor-4 {
  margin: 0 var(--liwe-space-4); }

.liwe3-spaced-ver-4 {
  margin: var(--liwe-space-4) 0; }

.liwe3-bordered-section {
  border: 1px solid var(--liwe-darker-secondary-color);
  border-radius: var(--liwe-border-radius);
  padding: var(--liwe-space-2) var(--liwe-space-3); }

/* colors */
.liwe3-bg-main {
  background-color: var(--liwe-main-bg-color) !important; }

.liwe3-bg-primary {
  background-color: var(--liwe-primary-color) !important; }

.liwe3-bg-primary-dark {
  background-color: var(--liwe-darker-primary-color) !important; }

.liwe3-bg-primary-light {
  background-color: var(--liwe-lighter-primary-color) !important; }

.liwe3-bg-primary-comp {
  background-color: var(--liwe-comp-primary-color) !important; }

.liwe3-bg-secondary {
  background-color: var(--liwe-secondary-color) !important; }

.liwe3-bg-secondary-dark {
  background-color: var(--liwe-darker-secondary-color) !important; }

.liwe3-bg-secondary-light {
  background-color: var(--liwe-lighter-secondary-color) !important; }

.liwe3-bg-secondary-comp {
  background-color: var(--liwe-comp-secondary-color) !important; }

.liwe3-bg-light {
  background-color: var(--liwe-lighter-secondary-color) !important; }

.liwe3-bg-success {
  background-color: var(--liwe-success-color) !important; }

.liwe3-bg-danger {
  background-color: var(--liwe-danger-color) !important; }

.liwe3-bg-warning {
  background-color: var(--liwe-warning-color) !important; }

.liwe3-bg-info {
  background-color: var(--liwe-info-color) !important; }

.liwe3-bg-light {
  background-color: var(--liwe-light-color) !important; }

.liwe3-bg-dark {
  background-color: var(--liwe-dark-color) !important; }

.liwe3-bg-alternative {
  background-color: var(--liwe-alternative-color) !important; }

.liwe3-txt-primary {
  color: var(--liwe-primary-color) !important; }

.liwe3-txt-primary-dark {
  color: var(--liwe-darker-primary-color) !important; }

.liwe3-txt-primary-light {
  color: var(--liwe-lighter-primary-color) !important; }

.liwe3-txt-primary-comp {
  color: var(--liwe-comp-primary-color) !important; }

.liwe3-txt-secondary {
  color: var(--liwe-secondary-color) !important; }

.liwe3-txt-secondary-dark {
  color: var(--liwe-darker-secondary-color) !important; }

.liwe3-txt-secondary-light {
  color: var(--liwe-lighter-secondary-color) !important; }

.liwe3-txt-secondary-comp {
  color: var(--liwe-comp-secondary-color) !important; }

.liwe3-txt-light {
  color: var(--liwe-light-color) !important; }

.liwe3-txt-dark {
  color: var(--liwe-dark-color) !important; }

.liwe3-txt-success {
  color: var(--liwe-success-color) !important; }

.liwe3-txt-error,
.liwe3-txt-danger {
  color: var(--liwe-danger-color) !important; }

.liwe3-txt-warning {
  color: var(--liwe-warning-color) !important; }

.liwe3-txt-info {
  color: var(--liwe-info-color) !important; }

.liwe-txt-alternative {
  color: var(--liwe-alternative-color) !important; }

@media (max-width: 0) {
  .liwe3-container {
    max-width: calc(0 - 1rem); } }

@media (min-width: 640px) {
  .liwe3-container {
    max-width: calc(640px - 1rem); } }

@media (min-width: 768px) {
  .liwe3-container {
    max-width: calc(768px - 1rem); } }

@media (min-width: 1024px) {
  .liwe3-container {
    max-width: calc(1024px - 1rem); } }

@media (min-width: 1280px) {
  .liwe3-container {
    max-width: calc(1280px - 2rem); } }

@media (min-width: 1536px) {
  .liwe3-container {
    max-width: calc(1536px - 2rem); } }

@media (min-width: 1930px) {
  .liwe3-container {
    max-width: 1930px; } }

/* COLORS */
.liwe3-scheme-primary {
  background-color: var(--liwe-primary-color);
  color: var(--liwe-default-color); }

.liwe3-scheme-secondary {
  background-color: var(--liwe-secondary-color);
  color: var(--liwe-default-color); }

.liwe3-scheme-success {
  background-color: var(--liwe-success-color);
  color: var(--liwe-secondary-color); }

.liwe3-scheme-danger {
  background-color: var(--liwe-danger-color);
  color: var(--liwe-default-color); }

.liwe3-scheme-warning {
  background-color: var(--liwe-warning-color);
  color: var(--liwe-default-color); }

.liwe3-scheme-info {
  background-color: var(--liwe-info-color);
  color: var(--liwe-default-color); }

.liwe3-scheme-dark {
  background-color: var(--liwe-dark-color);
  color: var(--liwe-light-color); }

.liwe3-scheme-light {
  background-color: var(--liwe-light-color);
  color: var(--liwe-dark-color); }

.liwe3-scheme-alternative {
  background-color: var(--liwe-alternative-color);
  color: var(--liwe-default-color); }

/* buttons color schemes */
/*
button.liwe3-scheme-primary {
  border-color: var(--liwe-primary-color) !important;
  color: var(--liwe-default-color); }

button.liwe3-scheme-primary:hover:not(:disabled) {
  background-color: var(--liwe-lighter-primary-color) !important;
  color: var(--liwe-default-color) !important; }

button.liwe3-scheme-secondary {
  border-color: var(--liwe-secondary-color) !important; }

button.liwe3-scheme-secondary:hover:not(:disabled) {
  background-color: var(--liwe-lighter-secondary-color) !important;
  color: var(--liwe-default-color) !important; }

button.liwe3-scheme-success {
  border-color: var(--liwe-darker-success-color) !important; }

button.liwe3-scheme-success:hover:not(:disabled) {
  background-color: var(--liwe-lighter-success-color) !important;
  color: var(--liwe-comp-primary-color) !important; }

button.liwe3-scheme-danger {
  border-color: var(--liwe-darker-danger-color) !important; }

button.liwe3-scheme-danger:hover:not(:disabled) {
  background-color: var(--liwe-lighter-danger-color) !important; }

button.liwe3-scheme-warning {
  border-color: var(--liwe-darker-warning-color) !important; }

button.liwe3-scheme-warning:hover:not(:disabled) {
  background-color: var(--liwe-lighter-warning-color) !important; }

button.liwe3-scheme-info {
  border-color: var(--liwe-darker-info-color) !important; }

button.liwe3-scheme-info:hover:not(:disabled) {
  background-color: var(--liwe-lighter-info-color) !important; }

button.liwe3-scheme-light {
  border-color: var(--liwe-dark-color) !important; }

button.liwe3-scheme-light:hover:not(:disabled) {
  background-color: var(--liwe-light-color) !important;
  color: var(--liwe-dark-color) !important;
  filter: brightness(0.7); }

button.liwe3-scheme-dark {
  border-color: var(--liwe-light-color) !important; }

button.liwe3-scheme-dark:hover:not(:disabled) {
  background-color: var(--liwe-dark-color) !important;
  color: var(--liwe-light-color) !important;
  filter: brightness(1.3); }

button.liwe3-scheme-alternative:hover:not(:disabled) {
  background-color: var(--liwe-alternative-color) !important;
  filter: brightness(1.3); }

button.liwe3-scheme-primary.liwe3-link {
  color: var(--liwe-primary-color) !important; }

button.liwe3-scheme-secondary.liwe3-link {
  color: var(--liwe-secondary-color) !important; }

button.liwe3-scheme-success.liwe3-link {
  color: var(--liwe-success-color) !important; }

button.liwe3-scheme-danger.liwe3-link {
  color: var(--liwe-danger-color) !important; }

button.liwe3-scheme-warning.liwe3-link {
  color: var(--liwe-warning-color) !important; }

button.liwe3-scheme-info.liwe3-link {
  color: var(--liwe-info-color) !important; }

button.liwe3-scheme-light.liwe3-link {
  color: var(--liwe-light-color) !important; }

button.liwe3-scheme-dark.liwe3-link {
  color: var(--liwe-dark-color) !important; }

button.liwe3-scheme-alternative.liwe3-link {
  color: var(--liwe-alternative-color) !important; }

button.liwe3-link {
  background-color: transparent !important;
  border: none !important; }

button.liwe3-link:hover:not(:disabled) {
  background-color: transparent !important;
  text-decoration: underline !important; }

button.liwe3-outline {
  background-color: transparent !important;
  color: var(--liwe-default-color) !important; }
*/

/* FORMS ELEMENTS */
.liwe3-form-container {
  width: 100%;
  margin: 0 auto;
  padding: 0 1.5rem; }

.liwe3-form-hint {
  display: none;
  font-size: 0.875rem;
  font-weight: var(--liwe-font-weight);
  line-height: 1.2;
  letter-spacing: 0;
  text-align: left;
  color: var(--liwe-light-color); }

.liwe3-form-hint.show {
  display: block; }

.liwe3-select-container .liwe3-select-button,
.liwe3-form-textarea,
.liwe3-form-input {
  width: 100%;
  padding: 0.5rem 1rem;
  border: 1px solid var(--liwe-default-color);
  border-radius: var(--liwe-border-radius);
  background-color: var(--liwe-lighter-secondary-color);
  color: var(--liwe-default-color);
  font-size: var(--liwe-font-size);
  font-weight: var(--liwe-font-weight);
  line-height: 1.2;
  letter-spacing: 0;
  text-align: left; }
  .liwe3-select-container .liwe3-select-button::placeholder,
  .liwe3-form-textarea::placeholder,
  .liwe3-form-input::placeholder {
    color: var(--liwe-darker-secondary-color); }

.liwe3-form-textarea:focus,
.liwe3-form-input:focus {
  outline: none;
  border: 1px solid var(--liwe-primary-color); }

.liwe3-form-textarea.error,
.liwe3-form-input.error {
  border: 1px solid var(--liwe-danger-color); }

.liwe3-form-textarea.error:focus,
.liwe3-form-input.error:focus {
  outline: none;
  border: 1px solid var(--liwe-danger-color); }

.liwe3-form-textarea.success,
.liwe3-form-input.success {
  border: 1px solid var(--liwe-success-color); }

.liwe3-form-textarea.success:focus,
.liwe3-form-input.success:focus {
  outline: none;
  border: 1px solid var(--liwe-success-color); }

.liwe3-form-textarea.warning,
.liwe3-form-input.warning {
  border: 1px solid var(--liwe-warning-color); }

.liwe3-form-textarea.warning:focus,
.liwe3-form-input.warning:focus {
  outline: none;
  border: 1px solid var(--liwe-warning-color); }

.liwe3-form-textarea.info,
.liwe3-form-input.info {
  border: 1px solid var(--liwe-info-color); }

.liwe3-form-textarea.info:focus,
.liwe3-form-input.info:focus {
  outline: none;
  border: 1px solid var(--liwe-info-color); }

.liwe3-form-textarea.disabled,
.liwe3-form-textarea:disabled,
.liwe3-form-input:disabled,
.liwe3-form-input.disabled {
  border: 1px solid var(--liwe-light-color);
  background-color: var(--liwe-light-color);
  color: var(--liwe-default-color); }

.liwe3-form-textarea.disabled:focus,
.liwe3-form-input.disabled:focus {
  outline: none;
  border: 1px solid var(--liwe-light-color); }

.liwe3-form-textarea.disabled::placeholder,
.liwe3-form-textarea:disabled::placeholder,
.liwe3-form-input:disabled::placeholder,
.liwe3-form-input.disabled::placeholder {
  color: var(--liwe-lighter-primary-color); }

/* Override default border-radius sass variable*/
.liwe3-form-textarea.rounded,
.liwe3-form-textarea.rounded,
.liwe3-form-input.rounded,
.liwe3-form-input.rounded {
  border-radius: 100px; }

button:disabled {
  filter: brightness(0.9); }