/*!*********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/css/lib/index.scss ***!
  \*********************************************************************************************************************************************/
@charset "UTF-8";
div, a {
  position: relative;
  vertical-align: top; }

div {
  font-size: 0;
  display: block; }

button, hr, input {
  overflow: visible; }

input:focus, textarea {
  outline: 0; }

html {
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  margin: 0;
  padding: 0; }

body {
  margin: 0;
  padding: 0; }

hr {
  box-sizing: content-box;
  height: 0; }

a {
  background-color: transparent; }

b, strong {
  font-weight: bolder; }

img {
  border-style: none; }

button, input, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1;
  margin: 0; }

button {
  text-transform: none;
  cursor: pointer; }

button {
  -webkit-appearance: button; }

button::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring {
  outline: ButtonText dotted 1px; }

[hidden] {
  display: none; }

button, input, label, select, textarea {
  margin: 0;
  border: 0;
  padding: 0;
  display: block;
  vertical-align: top;
  background: 0 0;
  line-height: 1;
  outline: 0; }

button {
  overflow: visible;
  width: auto; }

textarea {
  overflow: auto; }

/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: oblique 0deg 10deg;
  font-weight: 100 900;
  font-display: swap;
  src: url(/fonts/UcCo3FwrK3iLTcvvYwYL8g.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }

/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: oblique 0deg 10deg;
  font-weight: 100 900;
  font-display: swap;
  src: url(/fonts/UcCo3FwrK3iLTcvmYwYL8g.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }

/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: oblique 0deg 10deg;
  font-weight: 100 900;
  font-display: swap;
  src: url(/fonts/UcCo3FwrK3iLTcvuYwYL8g.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }

/* greek */
@font-face {
  font-family: 'Inter';
  font-style: oblique 0deg 10deg;
  font-weight: 100 900;
  font-display: swap;
  src: url(/fonts/UcCo3FwrK3iLTcvhYwYL8g.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; }

/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: oblique 0deg 10deg;
  font-weight: 100 900;
  font-display: swap;
  src: url(/fonts/UcCo3FwrK3iLTcvtYwYL8g.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }

/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: oblique 0deg 10deg;
  font-weight: 100 900;
  font-display: swap;
  src: url(/fonts/UcCo3FwrK3iLTcvsYwYL8g.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: 'Inter';
  font-style: oblique 0deg 10deg;
  font-weight: 100 900;
  font-display: swap;
  src: url(/fonts/UcCo3FwrK3iLTcviYwY.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  src: url(/fonts/Material.woff2) format("woff2"); }

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased; }

* {
  color: #2c2c2c;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  background: #f8f8f8; }

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased; }

h1, h2, h3, h4, h5, h6 {
  display: block;
  font-size: 12px;
  color: #000000;
  margin: 0px;
  padding: 10px 10px 10px 0px; }

h1 {
  font-size: 24px; }

h2 {
  font-size: 22px; }

h3 {
  font-size: 20px; }

h4 {
  font-size: 18px; }

h5 {
  font-size: 16px; }

h6 {
  font-size: 14px; }

.p {
  font-size: 12px; }

.preload {
  position: absolute;
  opacity: 0;
  height: 0px;
  width: 0px;
  top: 0px;
  left: 0px; }

.scrollable-x > .scroll::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100px;
  pointer-events: none;
  background: linear-gradient(to left, #f2f4f7, rgba(242, 244, 247, 0));
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  z-index: 1; }

.scrollable-x > .scroll::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100px;
  pointer-events: none;
  background: linear-gradient(to right, #f2f4f7, rgba(242, 244, 247, 0));
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  z-index: 1; }

.scrollable-x.scroll-right > .scroll::after {
  opacity: 1; }

.scrollable-x.scroll-left > .scroll::before {
  opacity: 1; }

#resize-alert {
  display: none;
  position: fixed;
  width: 100vw;
  height: 100%;
  overflow: hidden;
  background-color: #ffffff;
  z-index: 999999; }
  #resize-alert > div {
    font-size: 20px;
    color: #8b9295;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 20px;
    text-align: center; }

#loader {
  position: fixed;
  width: 100vw;
  height: 100%;
  overflow: hidden;
  background-color: #ffffff; }
  #loader > div {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    width: 48px;
    height: 48px;
    border: 5px solid #cce982;
    border-radius: 50%;
    display: block;
    box-sizing: border-box;
    animation: pulse 1s linear infinite; }
  #loader > div:after {
    content: '';
    position: absolute;
    width: 48px;
    height: 48px;
    border: 5px solid #cce982;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: scaleUp 1s linear infinite; }

@keyframes scaleUp {
  0% {
    transform: translate(-50%, -50%) scale(0); }
  60%, 100% {
    transform: translate(-50%, -50%) scale(1); } }

@keyframes pulse {
  0%, 60%, 100% {
    transform: scale(1); }
  80% {
    transform: scale(1.2); } }

a, a:visited, a:active, a:focus {
  font-size: 14px;
  color: #8cc300;
  text-decoration: underline;
  transition: color 0.2s ease-in-out; }

a .material-symbols-outlined, a:visited .material-symbols-outlined, a:active .material-symbols-outlined, a:focus .material-symbols-outlined {
  transition: color 0.2s ease-in-out; }

a:hover {
  color: #7ca809; }

button, .btn, button:visited, button:active, button:focus, .btn:visited, .btn:active, .btn:focus {
  font-size: 16px;
  color: #ffffff;
  background-color: #8cc300;
  border-radius: 8px;
  padding: 0 30px;
  height: 44px;
  transition: background-color 0.3s ease-in-out;
  text-decoration: none;
  font-weight: 600;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center; }

button.medium, .btn.medium, button.medium:visited, button.medium:active, button.medium:focus, .btn.medium:visited, .btn.medium:active, .btn.medium:focus {
  padding: 0 14px;
  height: 36px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600; }

button .material-symbols-outlined, .btn .material-symbols-outlined, button:visited .material-symbols-outlined, button:active .material-symbols-outlined, button:focus .material-symbols-outlined, .btn:visited .material-symbols-outlined, .btn:active .material-symbols-outlined, .btn:focus .material-symbols-outlined {
  transition: color 0.2s ease-in-out; }

button:hover, .btn:hover {
  color: #ffffff;
  background-color: #7ca809; }

button.danger, .btn.danger {
  background-color: #d82e2e; }

button.danger:hover, .btn.danger:hover {
  background-color: #ff5555; }

button.warning, .btn.warning {
  background-color: #d8832e; }

button.warning:hover, .btn.warning:hover {
  background-color: #eaa142; }

button.secondary, .btn.secondary {
  border: 1px solid #d0d5dd;
  background-color: #ffffff;
  color: #344054;
  box-shadow: rgba(16, 24, 40, 0.05) 0px 1px 2px 0px; }

button.secondary:hover, .btn.secondary:hover {
  background-color: #f4f5f7;
  color: #344054; }

button[data-icon], .btn[data-icon] {
  padding-left: 38px;
  padding-right: 18px; }

button[data-icon][data-icon-after], .btn[data-icon][data-icon-after] {
  padding-left: 18px;
  padding-right: 38px; }

button[data-icon]::before, .btn[data-icon]::before, button[data-icon][data-icon-after]::after, .btn[data-icon-after]::after {
  font-family: 'Material Symbols Outlined';
  font-size: 22.8px;
  position: absolute;
  top: 0px;
  left: 10px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-variation-settings: 'FILL' 0, 'wght' 300;
  font-weight: normal; }

button[data-icon]::before, .btn[data-icon]::before {
  content: attr(data-icon); }

button[data-icon][data-icon-after]::before, .btn[data-icon][data-icon-after]::before {
  content: "";
  display: none; }

button[data-icon][data-icon-after]::after, .btn[data-icon][data-icon-after]::after {
  left: unset;
  right: 10px;
  content: attr(data-icon); }

button[data-icon][data-icon-filled]::before, .btn[data-icon][data-icon-filled]::before {
  font-variation-settings: 'FILL' 1, 'wght' 300; }

button[data-icon][data-icon-filled]::after, .btn[data-icon][data-icon-filled]::after {
  font-variation-settings: 'FILL' 1, 'wght' 300; }

.btn.secondary.disabled {
  background-color: #f2f4f7;
  color: #bac1cb; }

button.is-loading, .btn.is-loading, form.is-loading button[type="submit"] {
  color: transparent;
  background-color: #c9dd96;
  cursor: not-allowed;
  pointer-events: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-drag: none; }

button.is-loading:after, .btn.is-loading:after, form.is-loading button[type="submit"]:after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border: 3px solid transparent;
  border-top-color: #ffffff;
  border-radius: 50%;
  animation: button-loading-spinner 1s ease infinite;
  cursor: not-allowed;
  pointer-events: none; }

.button.shadow, .btn.shadow {
  box-shadow: 0px 0.6px 0.6px -1.25px rgba(0, 0, 0, 0.17997), 0px 2.28px 2.28px -2.5px rgba(0, 0, 0, 0.15889), 0px 10px 10px -3.75px rgba(0, 0, 0, 0.0625); }

@keyframes button-loading-spinner {
  from {
    transform: rotate(0turn); }
  to {
    transform: rotate(1turn); } }

input {
  -webkit-appearance: none; }

input, .select {
  height: 44px; }

input, .select, .daterange, .basic-btn, .options, textarea {
  color: #101828;
  font-size: 16px;
  padding: 10px 12px;
  border-radius: 8px;
  background-color: #ffffff;
  border: 1px solid #cfd4dc;
  box-shadow: rgba(16, 24, 40, 0.05) 0px 1px 2px 0px;
  width: 100%;
  box-sizing: border-box;
  transition: border-color 0.2s ease-in-out; }

input:focus, .select:focus, .select.focus, .options, textarea:focus {
  border-color: #8cc300; }

.select.disabled:focus {
  border-color: #cfd4dc; }

input[disabled], textarea[disabled] {
  background-color: #f8f8f8;
  cursor: default;
  color: #74747b; }

form {
  width: 100%;
  padding: 0px;
  /* > div:first-child, */
  /* > div:last-child,*/ }
  form > .input {
    padding: 0px 0px 26px 0px;
    width: 100%; }
  form > .input-btn {
    padding-bottom: 0px; }
    form > .input-btn > button {
      margin-top: 6px; }
  form .input:first-child {
    padding-top: 0px; }
  form .input:last-child {
    padding-bottom: 0px; }
  form .label {
    font-size: 14px;
    color: #4c5668;
    margin: 0px 0px 8px 0px;
    font-weight: 500; }
  form .description {
    font-size: 13px;
    color: #6f747c;
    margin: 10px 0px;
    font-weight: 400;
    padding-left: 0px; }
  @media screen and (min-width: 500px) {
    form .input-text.inline {
      display: inline-block;
      width: calc(50% - 10px);
      vertical-align: top; } }

.input-text.tiny input {
  width: 55px;
  height: 36px; }

.form-page {
  display: none; }

.form-page[data-id="0"] {
  display: block; }

.form-page[data-pagination="1"] {
  padding-bottom: 0px; }

.form-pagination {
  padding-top: 10px;
  text-align: right;
  /* .btn:first-child {
     border-top-right-radius: 0px;
     border-bottom-right-radius: 0px;
   }
   .btn:last-child {
     border-top-left-radius: 0px;
     border-bottom-left-radius: 0px;
   }*/ }
  .form-pagination .btn {
    padding: 0 16px;
    height: 36px; }
    .form-pagination .btn span {
      color: white; }

.btn-full,
.btn-full:link,
.btn-full:visited,
.btn-full:hover,
.btn-full:focus,
.btn-full:active {
  width: 100%;
  padding: 40px 10px; }
  .btn-full span,
  .btn-full:link span,
  .btn-full:visited span,
  .btn-full:hover span,
  .btn-full:focus span,
  .btn-full:active span {
    padding-right: 10px; }

.barcode-404 > .btn {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: -68px;
  width: 205px;
  padding: 0 16px;
  height: 36px;
  font-weight: 500;
  font-size: 14px;
  z-index: 99; }

.img-label {
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: rgba(16, 24, 40, 0.05) 0px 1px 2px 0px; }
  .img-label > img {
    width: 100%; }

.emoji {
  font-size: 70px;
  margin-top: 50px;
  margin-bottom: 20px; }

.file-preview {
  display: none;
  width: 100%;
  border-radius: 8px; }

.file-preview-remove {
  position: absolute;
  top: -8px;
  right: -8px;
  font-size: 0px;
  background-color: #f03320;
  border-radius: 0px;
  padding: 0px;
  vertical-align: top;
  width: 32px;
  height: 32px;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-drag: none;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  border-radius: 32px;
  text-decoration: none; }
  .file-preview-remove .material-symbols-outlined {
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
    text-decoration: none; }

.file-preview-remove:hover {
  background-color: #ff5555; }

.input-metadata {
  position: relative; }
  .input-metadata .field-close {
    display: none; }
  .input-metadata .meta {
    display: flex;
    align-items: center;
    justify-content: center; }
    .input-metadata .meta > div:first-child {
      width: 70%;
      display: inline-flex;
      justify-content: flex-start;
      align-items: center; }
    .input-metadata .meta > div:last-child {
      width: 30%;
      display: inline-flex;
      justify-content: flex-end;
      align-items: center; }
      .input-metadata .meta > div:last-child .img {
        width: 40px; }
  .input-metadata .progress-bar, .input-metadata .special-progress-bar {
    width: 100%;
    background-color: #e7e7e7;
    height: 10px;
    border-radius: 10px;
    overflow: hidden; }
    .input-metadata .progress-bar > div, .input-metadata .special-progress-bar > div {
      width: 0%;
      height: 100%;
      background-color: #8cc300;
      transition: width 0.8s ease-in-out;
      background-size: 200%;
      background-position: 80%;
      border-radius: 5px; }

.special-progress-bar {
  width: 100%;
  background-color: #e7e7e7;
  height: 10px;
  overflow: hidden; }
  .special-progress-bar > div {
    width: 0%;
    height: 100%;
    background-color: #8cc300;
    transition: width 0.8s ease-in-out;
    background-size: 200%;
    background-position: 80%; }

.collecting .label {
  color: #1e232b;
  font-weight: 600;
  font-size: 16px; }

.collecting .description {
  color: #555557; }

.collecting .file-preview {
  cursor: pointer; }

.scandit {
  background-color: transparent !important; }

.scandit-container {
  margin-bottom: 20px;
  border-radius: 14px !important;
  overflow: hidden !important;
  background-color: #fafafa !important; }

.input-text[data-icon] input {
  padding-left: 42px; }

.input-text[data-icon][data-icon-after] input {
  padding-left: 20px;
  padding-right: 42px; }

.input-text[data-icon]::before, input[data-icon][data-icon-after]::after {
  font-family: 'Material Symbols Outlined';
  font-size: 24px;
  position: absolute;
  top: -1px;
  left: 10px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-variation-settings: 'FILL' 0, 'wght' 300;
  font-weight: normal;
  color: #8a93a2; }

.input-text[data-icon][data-icon-t0]::before, input[data-icon][data-icon-t0][data-icon-after]::after {
  top: 0px; }

.input-text[data-icon]::before {
  content: attr(data-icon); }

.input-text[data-icon][data-icon-after]::before {
  content: "";
  display: none; }

.input-text[data-icon][data-icon-after]::after {
  left: unset;
  right: 10px;
  content: attr(data-icon); }

.input-text[data-icon][data-icon-filled]::before {
  font-variation-settings: 'FILL' 1, 'wght' 300; }

.input-text[data-icon][data-icon-filled]::after {
  font-variation-settings: 'FILL' 1, 'wght' 300; }

.input-text.required input {
  border-color: #ff5656; }

.input-date.required input {
  border-color: #ff5656; }

.input-textarea.required textarea {
  border-color: #ff5656; }

.input-file .file-drop {
  transition: border-color 0.2s ease-in-out; }

.input-file .drop-hover {
  outline: 3px dashed #d9dee8 !important;
  border-color: transparent !important; }

.input-file .edit.disabled .file-select {
  cursor: default;
  background-color: #f8f8f8 !important; }
  .input-file .edit.disabled .file-select .icon span {
    color: #b5b5b5 !important; }

.input-file .edit.disabled > a > .p {
  color: #b5b5b5 !important; }

.input-file .edit.disabled > a > .p > span {
  color: #b5b5b5 !important; }

.input-file .edit.disabled > a > .p > div {
  color: #b5b5b5 !important; }

@media screen and (max-width: 1030px) {
  .input-file .edit > a > .p {
    color: white !important;
    padding-top: 20px !important; }
  .input-file .edit > a > .p > span {
    display: block !important; }
  .input-file .edit > a > .p > div {
    color: white !important; } }

.input-radio > a, .input-checkbox > a {
  margin-left: 6px;
  display: block;
  padding: 4px 0px;
  text-decoration: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-drag: none;
  cursor: pointer; }
  .input-radio > a .box, .input-checkbox > a .box {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 22px;
    width: 22px;
    border-radius: 22px;
    background-color: #ffffff;
    border: 1px solid #cfd4dc;
    box-shadow: rgba(16, 24, 40, 0.05) 0px 1px 2px 0px;
    transition: border-color 0.2s ease-in-out; }
    .input-radio > a .box > div, .input-checkbox > a .box > div {
      width: 14px;
      height: 14px;
      text-align: center;
      background-color: #ffffff;
      border-radius: 14px;
      margin: 0;
      transition: background-color 0.2s ease-in-out;
      /*
        width: 14px;
        height: 14px;
      */ }
  .input-radio > a .text, .input-checkbox > a .text {
    max-width: calc(100% - 40px);
    font-size: 12px;
    display: inline-block;
    font-size: 14px;
    padding: 5px;
    color: #101828; }

.input-radio > a:hover .box, .input-checkbox > a:hover .box {
  border-color: #8cc300; }
  .input-radio > a:hover .box > div, .input-checkbox > a:hover .box > div {
    background-color: #f3f3f3; }

.input-radio > a.disabled:hover .box, .input-checkbox > a.disabled:hover .box {
  border: 1px solid #cfd4dc; }
  .input-radio > a.disabled:hover .box > div, .input-checkbox > a.disabled:hover .box > div {
    background-color: #ffffff; }

.input-radio > a.selected .box, .input-checkbox > a.selected .box {
  border-color: #8cc300; }
  .input-radio > a.selected .box > div, .input-checkbox > a.selected .box > div {
    background-color: #8cc300; }

.input-radio > a.disabled, .input-checkbox > a.disabled {
  cursor: default; }
  .input-radio > a.disabled .text, .input-checkbox > a.disabled .text {
    color: #74747b; }

.input-radio > a.selected.disabled .box, .input-checkbox > a.selected.disabled .box {
  border-color: #c3cea8; }
  .input-radio > a.selected.disabled .box > div, .input-checkbox > a.selected.disabled .box > div {
    background-color: #daeea7; }

.input-radio > a.no-boxes, .input-checkbox > a.no-boxes {
  margin-top: 20px;
  margin-left: 0px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  border-radius: 10px;
  padding: 0px 16px;
  height: 60px;
  transition: background-color 0.2s ease-in-out;
  border: 1px solid #eaecf0;
  box-shadow: rgba(16, 24, 40, 0.05) 0px 1px 2px 0px; }
  .input-radio > a.no-boxes .text, .input-checkbox > a.no-boxes .text {
    color: #344054;
    padding-left: 16px;
    font-size: 16px;
    font-weight: 500; }
  .input-radio > a.no-boxes .box, .input-checkbox > a.no-boxes .box {
    border-color: #e4e4e4;
    background-color: #e4e4e4;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 30px;
    height: 30px; }
    .input-radio > a.no-boxes .box > div, .input-checkbox > a.no-boxes .box > div {
      display: none; }

.input-radio > a.no-boxes:hover, .input-checkbox > a.no-boxes:hover {
  background-color: #f9f9f9; }

.input-radio > a.after:after, .input-checkbox > a.after:after {
  font-size: 16px;
  color: #ffffff;
  background-color: #8cc300;
  border-radius: 8px;
  padding: 0 30px;
  transition: background-color 0.2s ease-in-out;
  text-decoration: none;
  font-weight: 600;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  content: attr(data-after);
  font-size: 14px;
  word-spacing: 4px;
  position: absolute;
  top: 11px;
  right: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  padding: 0px 18px;
  height: 36px; }

.input-checkbox > a .box {
  border-radius: 6px; }
  .input-checkbox > a .box > div {
    border-radius: 3px;
    margin: 2px; }

.input-daterange, .input-textrange {
  display: block;
  text-decoration: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-drag: none;
  cursor: pointer; }
  .input-daterange > div, .input-textrange > div {
    color: #101828;
    font-size: 16px;
    line-height: 1.35em;
    display: flex;
    align-items: center;
    align-content: flex-start;
    height: 100%; }
    .input-daterange > div > span, .input-textrange > div > span {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 16px; }

.input-select .select, .input-textrange .select {
  display: block;
  text-decoration: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-drag: none; }
  .input-select .select > div, .input-textrange .select > div {
    color: #101828;
    font-size: 16px;
    line-height: 1.35em;
    width: calc(100% - 20px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    align-items: center;
    align-content: flex-start; }
    .input-select .select > div > span, .input-textrange .select > div > span {
      background-color: #8cc300;
      border-radius: 4px;
      color: white;
      margin-right: 4px;
      padding: 0px 6px;
      font-size: 12px;
      display: inline-block; }
    .input-select .select > div > span.txt, .input-textrange .select > div > span.txt {
      font-size: 16px;
      background-color: transparent;
      color: #101828; }
    .input-select .select > div > .ball, .input-textrange .select > div > .ball {
      border-radius: 22px;
      height: 22px;
      width: 22px;
      min-width: 22px;
      background-color: #e4e4e4;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      display: inline-flex;
      margin-right: 5px; }
    .input-select .select > div .sbs, .input-textrange .select > div .sbs {
      width: 100%; }
      .input-select .select > div .sbs .ph, .input-textrange .select > div .sbs .ph {
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 16px;
        width: calc(100% - 60px); }
      .input-select .select > div .sbs .clear-selected, .input-textrange .select > div .sbs .clear-selected {
        display: inline-block;
        width: 60px;
        z-index: 2;
        text-align: right; }
        .input-select .select > div .sbs .clear-selected > div, .input-textrange .select > div .sbs .clear-selected > div {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          height: auto;
          width: auto;
          background-color: #8cc300;
          border-radius: 4px;
          line-height: 1em;
          padding: 5px 6px;
          transition: background-color 0.2s ease-in-out; }
          .input-select .select > div .sbs .clear-selected > div span, .input-textrange .select > div .sbs .clear-selected > div span {
            font-size: 12px;
            color: white;
            font-weight: 400; }
          .input-select .select > div .sbs .clear-selected > div span.material-symbols-outlined, .input-textrange .select > div .sbs .clear-selected > div span.material-symbols-outlined {
            font-size: 12px;
            color: white;
            padding-left: 6px;
            padding-right: 0px;
            font-weight: bold; }
      .input-select .select > div .sbs .clear-selected > div:hover, .input-textrange .select > div .sbs .clear-selected > div:hover {
        background-color: #7ca809; }
  .input-select .select::before, .input-textrange .select::before {
    content: '';
    position: absolute;
    right: 32px;
    top: 0;
    bottom: 0;
    width: 16px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
    pointer-events: none;
    z-index: 1; }

.input-select .select.disabled, .input-textrange .select.disabled {
  background-color: #f8f8f8; }
  .input-select .select.disabled > div, .input-textrange .select.disabled > div {
    color: #74747b;
    width: 100%; }
  .input-select .select.disabled .clear-selected > div > .material-symbols-outlined, .input-textrange .select.disabled .clear-selected > div > .material-symbols-outlined {
    color: transparent !important;
    width: 0px !important;
    padding-left: 0px !important; }

.input-select .select::after, .input-textrange .select::after {
  font-family: 'Material Symbols Outlined';
  content: "arrow_drop_down";
  float: right;
  border: none;
  font-size: 26px;
  right: 4px;
  top: 8px;
  color: #595959;
  position: absolute; }

.input-select .select.disabled::before, .input-textrange .select.disabled::before {
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #f8f8f8); }

.input-select .select.disabled::after, .input-textrange .select.disabled::after {
  display: none; }

.input-select .select.focus::after, .input-textrange .select.focus::after {
  content: "arrow_drop_up"; }

.input-select .select.focus, .input-textrange .select.focus {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px; }

.input-select .select-data, .input-textrange .select-data {
  display: none;
  z-index: 100; }
  .input-select .select-data .options, .input-textrange .select-data .options {
    display: block;
    position: absolute;
    top: -3px;
    left: 0px;
    padding: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding-bottom: 4px;
    width: 100%;
    border-top: none;
    box-shadow: 0 15px 10px -2px rgba(0, 0, 0, 0.36); }
    .input-select .select-data .options .search, .input-textrange .select-data .options .search {
      padding: 4px;
      padding-bottom: 0px; }
      .input-select .select-data .options .search input, .input-textrange .select-data .options .search input {
        font-size: 14px;
        background-color: transparent;
        border-radius: 0px;
        border: none;
        box-shadow: none;
        padding-left: 14px; }
    .input-select .select-data .options .results, .input-textrange .select-data .options .results {
      max-height: 190px;
      overflow: hidden;
      overflow-y: scroll;
      scrollbar-width: none;
      -ms-overflow-style: none; }
      .input-select .select-data .options .results a.hidden, .input-textrange .select-data .options .results a.hidden {
        display: none; }
      .input-select .select-data .options .results .select-loader, .input-textrange .select-data .options .results .select-loader {
        display: block;
        height: 50px;
        min-height: 50px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 !important; }
      .input-select .select-data .options .results .select-loader > div, .input-textrange .select-data .options .results .select-loader > div {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        display: block;
        left: -110px;
        color: #FFF;
        box-sizing: border-box;
        animation: select-loader-spin 2s linear infinite; }

@keyframes select-loader-spin {
  0% {
    box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0); }
  12% {
    box-shadow: 100px 0 #cce982, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0); }
  25% {
    box-shadow: 110px 0 #cce982, 100px 0 #cce982, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0); }
  36% {
    box-shadow: 120px 0 #cce982, 110px 0 #cce982, 100px 0 #cce982, 0px 0 rgba(255, 255, 255, 0); }
  50% {
    box-shadow: 130px 0 #cce982, 120px 0 #cce982, 110px 0 #cce982, 100px 0 #cce982; }
  62% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 #cce982, 120px 0 #cce982, 110px 0 #cce982; }
  75% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 #cce982, 120px 0 #cce982; }
  87% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 #cce982; }
  100% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0); } }
      .input-select .select-data .options .results > .no-results, .input-textrange .select-data .options .results > .no-results {
        display: block;
        font-size: 16px;
        padding: 16px;
        margin: 4px;
        border-radius: 10px;
        font-size: 14px;
        text-decoration: none;
        color: #858585;
        transition: background-color 0.2s ease-in-out;
        text-align: center; }
        .input-select .select-data .options .results > .no-results .create-new-option, .input-textrange .select-data .options .results > .no-results .create-new-option {
          display: block;
          padding: 10px;
          padding-bottom: 5px; }
      .input-select .select-data .options .results > a, .input-textrange .select-data .options .results > a {
        display: flex;
        align-items: center;
        align-content: flex-start;
        background-color: #f5f5f5;
        font-size: 16px;
        padding: 10px;
        margin: 4px;
        border-radius: 5px;
        font-size: 14px;
        text-decoration: none;
        min-height: 38px;
        color: #101828;
        transition: background-color 0.2s ease-in-out;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
        .input-select .select-data .options .results > a > .ball, .input-textrange .select-data .options .results > a > .ball {
          border-radius: 22px;
          height: 22px;
          width: 22px;
          min-width: 22px;
          background-color: #e4e4e4;
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center center;
          display: inline-flex;
          margin-right: 10px; }
        .input-select .select-data .options .results > a > .ball.color, .input-textrange .select-data .options .results > a > .ball.color {
          border: 2px solid white; }
      .input-select .select-data .options .results > a:hover, .input-textrange .select-data .options .results > a:hover {
        background-color: #f3f3f3; }
      .input-select .select-data .options .results > a.selected, .input-textrange .select-data .options .results > a.selected {
        background-color: #8cc300;
        color: #ffffff; }
      .input-select .select-data .options .results > a.disabled, .input-textrange .select-data .options .results > a.disabled {
        cursor: not-allowed;
        color: #c8c8c8;
        outline: 1px solid #e0e0e0;
        background-color: white; }
      .input-select .select-data .options .results > a.selected.disabled, .input-textrange .select-data .options .results > a.selected.disabled {
        cursor: pointer;
        background-color: #fbfbfb;
        color: #c8c8c8;
        outline: 1px dashed #8cc300; }
      .input-select .select-data .options .results > a:last-child, .input-textrange .select-data .options .results > a:last-child {
        margin-bottom: 0px; }
      .input-select .select-data .options .results > a::after, .input-textrange .select-data .options .results > a::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 25px;
        pointer-events: none;
        background: linear-gradient(to left, #f5f5f5, rgba(242, 244, 247, 0));
        transition: opacity 0.2s ease-in-out;
        z-index: 1; }
      .input-select .select-data .options .results > a.selected::after, .input-textrange .select-data .options .results > a.selected::after {
        background: linear-gradient(to left, #8cc300, rgba(242, 244, 247, 0)); }
      .input-select .select-data .options .results > a.disabled::after, .input-textrange .select-data .options .results > a.disabled::after {
        background: none; }
      .input-select .select-data .options .results > a.selected.disabled::after, .input-textrange .select-data .options .results > a.selected.disabled::after {
        background: none; }
    .input-select .select-data .options .results::-webkit-scrollbar, .input-textrange .select-data .options .results::-webkit-scrollbar {
      width: 0;
      height: 0; }

.input-select.tiny .select {
  height: 36px;
  padding: 6px 12px; }
  .input-select.tiny .select > div {
    width: calc(100% - 10px); }

.input-select.tiny .select:before {
  right: 22px; }

.input-select.tiny .select:after {
  top: 6px;
  font-size: 22px;
  content: "unfold_more"; }

.input-select.tiny.alternative-display .select-data .options {
  bottom: 35px; }

.input-textrange .select {
  text-align: left; }

.input-textrange .select::after {
  display: none; }

.input-textrange .select::before {
  display: none; }

.input-textrange .select-data {
  display: none;
  z-index: 100; }
  .input-textrange .select-data .options {
    display: block;
    position: absolute;
    top: -3px;
    left: 0px;
    padding: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding-bottom: 4px;
    width: 100%;
    border-top: none; }
    .input-textrange .select-data .options .results {
      max-height: 190px;
      overflow: hidden;
      overflow-y: scroll;
      scrollbar-width: none;
      -ms-overflow-style: none;
      text-align: left; }
      .input-textrange .select-data .options .results a.hidden {
        display: none; }
      .input-textrange .select-data .options .results .input-text {
        display: inline-block;
        width: calc(50% - 20px);
        margin: 10px 10px; }
        .input-textrange .select-data .options .results .input-text .label {
          text-align: left; }
      .input-textrange .select-data .options .results .input-text:last-child {
        margin-right: 0px; }

.input-select.count::after, .input-daterange.count::after, .input-textrange.count::after, .collect-filters.count::after {
  content: attr(data-count);
  position: absolute;
  border: none;
  font-size: 12px;
  right: 6px;
  top: 12px;
  background-color: #8dc302;
  color: white;
  padding: 4px 6px;
  border-radius: 4px; }

.collect-filters.count {
  padding-right: 43px; }

.compact-pictures {
  display: inline-block;
  width: calc(50% - 10px);
  height: 220px;
  overflow: hidden; }
  .compact-pictures .file-form {
    height: 100%;
    width: 100%; }
    .compact-pictures .file-form > a, .compact-pictures .file-form > div {
      display: block;
      height: 100%;
      width: 100%;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      border-radius: 10px;
      background-color: #ebebeb;
      overflow: hidden;
      position: relative;
      transition: background-size 0.2s ease-in-out; }
      .compact-pictures .file-form > a img, .compact-pictures .file-form > div img {
        display: none !important; }
    .compact-pictures .file-form > div.zoomed, .compact-pictures .file-form > a.zoomed {
      background-size: 350%; }

.compact-solo-picture {
  display: block;
  width: 100%; }
  .compact-solo-picture a {
    background-image: none !important; }
    .compact-solo-picture a .file-preview {
      display: block;
      width: 100%; }

.input-gps {
  display: none; }

.filters .input-select, .filters .input-textrange {
  width: auto; }
  .filters .input-select .select-data .options, .filters .input-textrange .select-data .options {
    width: 245px;
    border-top: 1px solid #8cc300;
    border-top-right-radius: 8px; }
  .filters .input-select .select > div, .filters .input-textrange .select > div {
    width: auto;
    padding-right: 20px; }
  .filters .input-select .select::before, .filters .input-textrange .select::before {
    display: none; }
  .filters .input-select .select-data:after, .filters .input-textrange .select-data:after {
    content: '';
    position: absolute;
    width: calc(100% - 2px);
    height: 1px;
    background-color: #ffffff;
    display: block;
    top: -3px;
    left: 1px; }

.input-select.alternative-display .select-data .options {
  bottom: 43px;
  top: unset;
  box-shadow: none;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom: none;
  border-top: 1px solid #8cc300; }

.input-select.alternative-display .select.focus {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px; }

.input-select.required .select {
  border-color: #ff5656; }

.input-file.required .edit {
  border-color: #ff5656; }

.input-checkbox.required .box {
  border-color: #ff5656; }

.input-radio.required .box {
  border-color: #ff5656; }

.file-form {
  height: auto;
  padding-bottom: 26px; }
  .file-form > a, .file-form > div {
    height: 100%; }
    .file-form > a img, .file-form > div img {
      border-radius: 8px; }

.search-add > div:first-child {
  width: calc(100% - 100px);
  display: inline-block; }

.search-add > div:last-child {
  width: 100px;
  display: inline-block; }

#modals .modal.field.is-loading .modal-loader {
  border-radius: 0px !important;
  height: 100vh !important; }

#modals .modal.field {
  padding-top: 0px;
  padding-bottom: 0px;
  min-height: 100vh; }
  #modals .modal.field .progress-bar {
    display: none !important; }
  #modals .modal.field .modal-box-outer {
    margin: 0;
    max-width: unset;
    width: 100%;
    border-radius: 0px;
    padding: 0px;
    min-height: 100vh; }
    #modals .modal.field .modal-box-outer .modal-box {
      border-radius: 0px;
      min-height: 100vh; }
  #modals .modal.field .product-img {
    display: block;
    position: absolute;
    bottom: -7px;
    left: 24px;
    width: 24px;
    height: 24px;
    border: 2px solid #ffffff;
    border-radius: 24px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: white; }
  #modals .modal.field .input-metadata .meta .m-img-text > div:last-child > div {
    background-color: transparent; }
  #modals .modal.field .input-metadata .field-close {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 999; }
    #modals .modal.field .input-metadata .field-close span {
      font-size: 22px;
      color: #a1a2a5; }

#filters {
  display: none;
  position: absolute;
  padding: 36px 36px;
  border-radius: 8px;
  background-color: #fbfbfb;
  border: 1px solid #cfd4dc;
  box-shadow: rgba(16, 24, 40, 0.05) 0px 1px 2px 0px;
  width: 100%;
  box-sizing: border-box;
  transition: border-color 0.2s ease-in-out;
  max-width: 430px;
  max-height: 440px;
  /*WARNING, this needs to be changed in the JS code too if you change it here*/
  scroll-behavior: smooth;
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 2000;
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.22); }
  #filters .close {
    position: absolute;
    top: 0px;
    right: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    min-width: 50px;
    height: 50px;
    border-radius: 6px;
    padding: 4px;
    background-image: none;
    cursor: pointer;
    text-decoration: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-drag: none; }
    #filters .close span {
      padding-top: 2px;
      display: block;
      color: #b7bec9;
      font-size: 24px; }
  #filters .close:hover span {
    color: #98a1af; }
  #filters > form {
    padding: 0px 0px 10px 0px; }
  #filters .category {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 10px;
    flex-direction: column; }
    #filters .category .img {
      border-radius: 32px;
      height: 32px;
      width: 32px;
      background-color: #e4e4e4;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      margin-bottom: 10px;
      margin-top: 10px; }
    #filters .category .text {
      font-size: 14px;
      font-weight: 500;
      height: 22px;
      color: #5b6477; }

#filters.mobile {
  max-height: 100%;
  border-radius: 0px;
  max-width: 320px; }

#filters.mobile.full-w {
  max-width: 100%; }

#filters::-webkit-scrollbar {
  width: 0 !important;
  background: transparent !important;
  display: none !important;
  -ms-overflow-style: none;
  scrollbar-width: none; }

#filters::-webkit-scrollbar-thumb {
  background: transparent !important; }

#modals {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100%;
  overflow-x: hidden;
  background-size: 100% 100%;
  background-color: rgba(63, 63, 63, 0.75);
  -webkit-overflow-scrolling: touch; }
  #modals .modal {
    display: none;
    width: 100%;
    padding-top: 2vh;
    padding-bottom: 6vh;
    min-height: 100%; }
    @media screen and (max-width: 530px) {
      #modals .modal {
        padding-top: 0px; } }
    #modals .modal .modal-box-outer {
      display: block;
      max-width: 500px;
      margin: 0 auto;
      padding: 6px;
      border-radius: 17px; }
      #modals .modal .modal-box-outer .modal-box, #modals .modal .modal-box-outer .modal-loader {
        display: block;
        width: 100%;
        height: 100%;
        background-color: #ffffff;
        padding: 10px;
        border-radius: 13px; }
        #modals .modal .modal-box-outer .modal-box > h1, #modals .modal .modal-box-outer .modal-box > h2, #modals .modal .modal-box-outer .modal-box > h3, #modals .modal .modal-box-outer .modal-box > h4, #modals .modal .modal-box-outer .modal-box > h5, #modals .modal .modal-box-outer .modal-box > h6, #modals .modal .modal-box-outer .modal-loader > h1, #modals .modal .modal-box-outer .modal-loader > h2, #modals .modal .modal-box-outer .modal-loader > h3, #modals .modal .modal-box-outer .modal-loader > h4, #modals .modal .modal-box-outer .modal-loader > h5, #modals .modal .modal-box-outer .modal-loader > h6 {
          padding-left: 10px; }
      #modals .modal .modal-box-outer .modal-loader {
        display: none; }
    #modals .modal .stats {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: 10px;
      margin-top: 30px; }
      #modals .modal .stats > div {
        flex: 1 1;
        min-width: 100px;
        background-color: #efefef;
        border-radius: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 10px;
        flex-direction: column; }
        #modals .modal .stats > div .text {
          font-size: 14px;
          font-weight: 400;
          display: flex;
          margin: 5px;
          color: #7a7a7a; }
        #modals .modal .stats > div .value {
          display: flex;
          font-size: 30px;
          font-weight: 600;
          color: #7a7a7a;
          margin: 5px; }
    #modals .modal .modal-close {
      display: none;
      position: absolute;
      top: 5px;
      right: 5px;
      font-size: 0px;
      background-color: transparent;
      border-radius: 0px;
      padding: 0px;
      vertical-align: top;
      width: 32px;
      height: 32px;
      user-select: none;
      -webkit-tap-highlight-color: transparent;
      -webkit-user-drag: none;
      text-decoration: none;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      z-index: 1; }
      #modals .modal .modal-close .material-symbols-outlined {
        color: #bdbdbd;
        font-size: 22px;
        font-weight: 700; }
    #modals .modal .modal-close:hover .material-symbols-outlined {
      color: #7ca809; }
    #modals .modal .header, #modals .modal .footer, #modals .modal .body {
      display: block; }
      #modals .modal .header > div, #modals .modal .footer > div, #modals .modal .body > div {
        display: flex;
        align-items: center;
        justify-content: center;
        height: auto;
        width: 100%; }
    #modals .modal .header, #modals .modal .footer {
      height: 48px;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start; }
      #modals .modal .header > div, #modals .modal .footer > div {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        height: 100%; }
        #modals .modal .header > div > a, #modals .modal .footer > div > a {
          padding: 10px 16px; }
          @media screen and (max-width: 640px) {
            #modals .modal .header > div > a, #modals .modal .footer > div > a {
              padding: 4px 8px; } }
          #modals .modal .header > div > a span, #modals .modal .footer > div > a span {
            font-size: 24px; }
        #modals .modal .header > div button[data-icon][data-icon-after], #modals .modal .header > div .btn[data-icon][data-icon-after], #modals .modal .footer > div button[data-icon][data-icon-after], #modals .modal .footer > div .btn[data-icon][data-icon-after] {
          padding-left: 18px;
          padding-right: 38px; }
        #modals .modal .header > div .t-status a, #modals .modal .footer > div .t-status a {
          text-decoration: none; }
          #modals .modal .header > div .t-status a > div, #modals .modal .footer > div .t-status a > div {
            font-size: 16px;
            padding: 10px 10px 10px 32px; }
          #modals .modal .header > div .t-status a > div::before, #modals .modal .footer > div .t-status a > div::before {
            left: 10px;
            font-size: 26px; }
      #modals .modal .header > div:last-child, #modals .modal .footer > div:last-child {
        align-items: center;
        justify-content: flex-end; }
    #modals .modal .header {
      border-bottom: 1px solid rgba(208, 213, 221, 0.54);
      padding-bottom: 6px; }
      #modals .modal .header a.disabled {
        color: #979797;
        cursor: not-allowed; }
        #modals .modal .header a.disabled span {
          color: #979797; }
    #modals .modal .footer {
      border-top: 1px solid rgba(208, 213, 221, 0.54);
      height: 54px; }
    #modals .modal .body {
      display: block; }
    #modals .modal .modal-box-outer.f-1-1g-1 .body h1 {
      font-size: 18px;
      font-weight: 600;
      color: #101828; }
    #modals .modal .modal-box-outer.f-1-1g, #modals .modal .modal-box-outer.f-1-1g-1 {
      max-width: 1200px; }
      #modals .modal .modal-box-outer.f-1-1g .modal-box, #modals .modal .modal-box-outer.f-1-1g-1 .modal-box {
        background-color: #f8f8f8; }
        #modals .modal .modal-box-outer.f-1-1g .modal-box > div, #modals .modal .modal-box-outer.f-1-1g-1 .modal-box > div {
          display: block; }
          #modals .modal .modal-box-outer.f-1-1g .modal-box > div .body, #modals .modal .modal-box-outer.f-1-1g-1 .modal-box > div .body {
            height: 100%;
            display: flex;
            align-items: flex-start;
            justify-content: flex-start;
            gap: 10px; }
            @media screen and (max-width: 934px) {
              #modals .modal .modal-box-outer.f-1-1g .modal-box > div .body, #modals .modal .modal-box-outer.f-1-1g-1 .modal-box > div .body {
                gap: unset;
                display: block;
                align-items: unset;
                justify-content: unset;
                width: 100%; } }
            #modals .modal .modal-box-outer.f-1-1g .modal-box > div .body > div, #modals .modal .modal-box-outer.f-1-1g-1 .modal-box > div .body > div {
              height: 100%;
              display: flex;
              align-items: flex-start;
              justify-content: flex-start; }
              @media screen and (max-width: 934px) {
                #modals .modal .modal-box-outer.f-1-1g .modal-box > div .body > div, #modals .modal .modal-box-outer.f-1-1g-1 .modal-box > div .body > div {
                  display: block;
                  align-items: unset;
                  justify-content: unset; } }
              #modals .modal .modal-box-outer.f-1-1g .modal-box > div .body > div > div, #modals .modal .modal-box-outer.f-1-1g-1 .modal-box > div .body > div > div {
                width: 100%; }
              #modals .modal .modal-box-outer.f-1-1g .modal-box > div .body > div .bg-white, #modals .modal .modal-box-outer.f-1-1g-1 .modal-box > div .body > div .bg-white {
                background-color: white;
                border-radius: 10px;
                border: 1px solid black;
                border-color: rgba(208, 213, 221, 0.5) rgba(209, 214, 222, 0.5);
                box-shadow: rgba(0, 0, 0, 0.02) 0px 4px 24px 0px; }
            #modals .modal .modal-box-outer.f-1-1g .modal-box > div .body > .f-1, #modals .modal .modal-box-outer.f-1-1g-1 .modal-box > div .body > .f-1 {
              max-width: 500px;
              min-width: 290px; }
              @media screen and (max-width: 934px) {
                #modals .modal .modal-box-outer.f-1-1g .modal-box > div .body > .f-1, #modals .modal .modal-box-outer.f-1-1g-1 .modal-box > div .body > .f-1 {
                  max-width: 100% !important;
                  width: 100%; } }
            #modals .modal .modal-box-outer.f-1-1g .modal-box > div .body > .f-1s, #modals .modal .modal-box-outer.f-1-1g-1 .modal-box > div .body > .f-1s {
              max-width: 320px;
              min-width: 320px; }
              @media screen and (max-width: 934px) {
                #modals .modal .modal-box-outer.f-1-1g .modal-box > div .body > .f-1s, #modals .modal .modal-box-outer.f-1-1g-1 .modal-box > div .body > .f-1s {
                  max-width: 100% !important;
                  width: 100%; } }
            #modals .modal .modal-box-outer.f-1-1g .modal-box > div .body > .f-1g, #modals .modal .modal-box-outer.f-1-1g-1 .modal-box > div .body > .f-1g {
              flex-grow: 1;
              width: 100%;
              min-width: 290px; }
              @media screen and (max-width: 934px) {
                #modals .modal .modal-box-outer.f-1-1g .modal-box > div .body > .f-1g, #modals .modal .modal-box-outer.f-1-1g-1 .modal-box > div .body > .f-1g {
                  max-width: unset;
                  flex-grow: unset; } }
      #modals .modal .modal-box-outer.f-1-1g .modal-close, #modals .modal .modal-box-outer.f-1-1g-1 .modal-close {
        display: flex; }
        @media screen and (max-width: 934px) {
          #modals .modal .modal-box-outer.f-1-1g .modal-close, #modals .modal .modal-box-outer.f-1-1g-1 .modal-close {
            position: fixed;
            background-color: #8cc300;
            border-radius: 24px;
            padding: 24px;
            bottom: 24px;
            right: 24px;
            box-shadow: 0 0 10px 0 rgba(18, 18, 23, 0.2);
            top: unset;
            z-index: 10; }
            #modals .modal .modal-box-outer.f-1-1g .modal-close span, #modals .modal .modal-box-outer.f-1-1g-1 .modal-close span {
              color: #fff; } }
    #modals .modal .modal-box-outer.f-1-1g-1 .modal-close {
      display: flex;
      top: unset;
      right: unset;
      position: relative; }
      #modals .modal .modal-box-outer.f-1-1g-1 .modal-close span {
        color: #2c2c2c; }
      @media screen and (max-width: 934px) {
        #modals .modal .modal-box-outer.f-1-1g-1 .modal-close {
          position: fixed;
          background-color: #8cc300;
          border-radius: 24px;
          padding: 24px;
          bottom: 24px;
          right: 24px;
          box-shadow: 0 0 10px 0 rgba(18, 18, 23, 0.2);
          top: unset;
          z-index: 10; }
          #modals .modal .modal-box-outer.f-1-1g-1 .modal-close span {
            color: #fff; } }
  #modals .modal[data-name="confirm"] h1 {
    font-size: 16px;
    padding-top: 0px;
    font-weight: 600; }
  #modals .modal[data-name="confirm"] .p {
    font-size: 14px;
    line-height: 1.3em; }
  #modals .modal.tiny .modal-box-outer {
    max-width: 400px; }
  #modals .modal.is-loading .modal-box {
    display: none; }
  #modals .modal.is-loading .modal-loader {
    display: flex;
    height: 200px;
    background-color: white;
    justify-content: center;
    align-items: center; }
    #modals .modal.is-loading .modal-loader > div {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      color: #FFF;
      box-sizing: border-box;
      animation: modal-loader-spin 2s linear infinite;
      margin-left: -200px; }

@keyframes modal-loader-spin {
  0% {
    box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0); }
  12% {
    box-shadow: 100px 0 #cce982, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0); }
  25% {
    box-shadow: 110px 0 #cce982, 100px 0 #cce982, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0); }
  36% {
    box-shadow: 120px 0 #cce982, 110px 0 #cce982, 100px 0 #cce982, 0px 0 rgba(255, 255, 255, 0); }
  50% {
    box-shadow: 130px 0 #cce982, 120px 0 #cce982, 110px 0 #cce982, 100px 0 #cce982; }
  62% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 #cce982, 120px 0 #cce982, 110px 0 #cce982; }
  75% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 #cce982, 120px 0 #cce982; }
  87% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 #cce982; }
  100% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0); } }

#modals::-webkit-scrollbar {
  width: 0 !important;
  background: transparent !important;
  display: none !important;
  -ms-overflow-style: none;
  scrollbar-width: none; }

#modals::-webkit-scrollbar-thumb {
  background: transparent !important; }

@media screen and (min-width: 935px) {
  #modals.no-scroll {
    height: 100vh;
    overflow: hidden; }
    #modals.no-scroll .modal {
      height: 100%;
      padding-bottom: 2vh;
      padding-bottom: calc(4vh + calc(env(safe-area-inset-bottom, 0px)) + 20px); }
      #modals.no-scroll .modal .modal-box-outer {
        height: 100%; }
        #modals.no-scroll .modal .modal-box-outer .modal-box {
          height: 100%; }
          #modals.no-scroll .modal .modal-box-outer .modal-box > div {
            height: 100%; }
            #modals.no-scroll .modal .modal-box-outer .modal-box > div .body {
              height: 100%; }
              #modals.no-scroll .modal .modal-box-outer .modal-box > div .body .f-1, #modals.no-scroll .modal .modal-box-outer .modal-box > div .body .f-1g {
                overflow-x: hidden;
                overflow-y: auto;
                -webkit-overflow-scrolling: touch;
                height: 100%; }
              #modals.no-scroll .modal .modal-box-outer .modal-box > div .body .f-1::-webkit-scrollbar, #modals.no-scroll .modal .modal-box-outer .modal-box > div .body .f-1g::-webkit-scrollbar {
                width: 0 !important;
                background: transparent !important;
                display: none !important;
                -ms-overflow-style: none;
                scrollbar-width: none; }
              #modals.no-scroll .modal .modal-box-outer .modal-box > div .body .f-1::-webkit-scrollbar-thumb, #modals.no-scroll .modal .modal-box-outer .modal-box > div .body .f-1g::-webkit-scrollbar-thumb {
                background: transparent !important; }
            #modals.no-scroll .modal .modal-box-outer .modal-box > div .body.with-head, #modals.no-scroll .modal .modal-box-outer .modal-box > div .body.with-head {
              height: calc(100% - 50px); }
            #modals.no-scroll .modal .modal-box-outer .modal-box > div .body.with-head.with-foot {
              height: calc(100% - 110px); } }

.media {
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-drag: none;
  padding: 16px;
  height: 100%; }
  .media .viewer {
    background-color: #e1e2e2;
    outline: 1px solid #f2f4f7;
    overflow: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    height: 100%;
    width: calc(100% - 50px);
    margin-left: 50px; }
    .media .viewer canvas {
      position: relative;
      height: auto;
      cursor: move; }
    .media .viewer .screenshot {
      border: 2px dashed #99b46a;
      background-color: rgba(72, 195, 0, 0.16);
      position: absolute;
      display: none;
      pointer-events: none;
      border-radius: 6px; }
    .media .viewer .media-loader {
      min-height: 300px;
      height: 100%; }
      .media .viewer .media-loader > div {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        display: block;
        margin: 15px auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        color: #FFF;
        left: -50%;
        box-sizing: border-box;
        animation: media-loader-spin 2s linear infinite; }

@keyframes media-loader-spin {
  0% {
    box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0); }
  12% {
    box-shadow: 100px 0 #cce982, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0); }
  25% {
    box-shadow: 110px 0 #cce982, 100px 0 #cce982, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0); }
  36% {
    box-shadow: 120px 0 #cce982, 110px 0 #cce982, 100px 0 #cce982, 0px 0 rgba(255, 255, 255, 0); }
  50% {
    box-shadow: 130px 0 #cce982, 120px 0 #cce982, 110px 0 #cce982, 100px 0 #cce982; }
  62% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 #cce982, 120px 0 #cce982, 110px 0 #cce982; }
  75% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 #cce982, 120px 0 #cce982; }
  87% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 #cce982; }
  100% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0); } }
  .media .viewer::-webkit-scrollbar {
    width: 0 !important;
    background: transparent !important;
    display: none !important;
    -ms-overflow-style: none;
    scrollbar-width: none; }
  .media .viewer::-webkit-scrollbar-thumb {
    background: transparent !important; }

.media-controls {
  position: absolute;
  top: 0px;
  left: 12px;
  display: flex;
  align-items: center;
  height: 100%;
  z-index: 1; }
  .media-controls > div {
    margin-left: 0;
    margin-right: auto; }
    .media-controls > div > .page-number {
      font-size: 10px;
      font-weight: 600;
      text-align: center;
      width: 100%;
      padding: 6px 0px;
      color: #6a6e75;
      background-color: white;
      border-radius: 10px;
      margin: 3px 0px;
      outline: 1px solid #8cc300; }
    .media-controls > div > button {
      display: block;
      padding: 10px 10px;
      margin-bottom: 5px; }
      .media-controls > div > button span {
        color: white;
        font-size: 24px; }
    .media-controls > div > button.active {
      background-color: #dad30b; }
    .media-controls > div > button.disabled {
      background-color: #b7b7b7; }

#notifications {
  position: fixed;
  top: 0px;
  left: 0px;
  height: auto;
  width: auto;
  /*
    > div:after {
      content: '';
      display: block;
      position: absolute;
      top: 0px;
      left: 0px;
      width: 0px;
      height: 100%;
      border-left: 4px solid #20c7ef;
    }*/ }
  #notifications > a {
    margin: 10px 0px 10px 10px;
    display: block;
    background-color: #bfeaf6;
    border: none;
    border-radius: 6px;
    width: 280px;
    border: 3px solid #6ccde4;
    position: relative;
    left: -290px;
    overflow: hidden; }
    #notifications > a .icon {
      position: absolute;
      top: 0;
      left: 0;
      width: 60px;
      display: inline-flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100%; }
      #notifications > a .icon .material-symbols-outlined {
        font-size: 28px;
        color: #6ccde4; }
    #notifications > a .data {
      display: inline-block;
      width: 100%;
      padding: 18px;
      padding-left: 60px; }
      #notifications > a .data h1 {
        font-size: 14px;
        padding: 0px;
        color: #3894ab;
        font-weight: 500; }
      #notifications > a .data .p {
        padding-top: 10px;
        font-size: 12px;
        color: #3f95a9; }
  #notifications > a:last-child {
    margin-bottom: 0px; }
  #notifications > a.success {
    background-color: rgba(140, 195, 0, 0.92);
    border-color: rgba(255, 255, 255, 0.93); }
    #notifications > a.success h1, #notifications > a.success .p {
      color: #fff; }
    #notifications > a.success .p {
      color: #fff; }
    #notifications > a.success .icon .material-symbols-outlined {
      color: #fff; }
  #notifications > a.success:after {
    background-color: rgba(140, 195, 0, 0.92); }
  #notifications > a.danger {
    background-color: rgba(203, 28, 28, 0.92);
    border-color: rgba(255, 255, 255, 0.93); }
    #notifications > a.danger h1, #notifications > a.danger .p {
      color: #fff; }
    #notifications > a.danger .p {
      color: #fff; }
    #notifications > a.danger .icon .material-symbols-outlined {
      color: #fff; }
  #notifications > a.danger:after {
    border-color: rgba(255, 255, 255, 0.93); }
  #notifications > a.warning {
    background-color: rgba(214, 148, 13, 0.92);
    border-color: rgba(255, 255, 255, 0.93); }
    #notifications > a.warning h1, #notifications > a.warning .p {
      color: #fff; }
    #notifications > a.warning .p {
      color: #fff; }
    #notifications > a.warning .icon .material-symbols-outlined {
      color: #fff; }
  #notifications > a.warning:after {
    border-color: rgba(255, 255, 255, 0.93); }
  #notifications > a.secondary {
    background-color: #e6e6e6;
    border-color: #b8b6b6; }
    #notifications > a.secondary h1, #notifications > a.secondary .p {
      color: #777777; }
    #notifications > a.secondary .p {
      color: #8f8f8f; }
    #notifications > a.secondary .icon .material-symbols-outlined {
      color: #b8b6b6; }
  #notifications > a.secondary:after {
    border-color: #a5a5a5; }

body {
  overflow: hidden;
  min-height: 100vh;
  min-height: -webkit-fill-available;
  /* mobile viewport bug fix */
  background-color: #fff; }
  body #content {
    min-width: 330px;
    position: fixed;
    width: 100vw;
    height: 100%;
    overflow: hidden;
    background-color: #f2f4f7;
    padding: 10px; }
    body #content .page {
      display: none;
      width: 100%;
      height: 100%;
      min-width: 300px;
      max-width: 1180px;
      margin: 0 auto;
      scroll-behavior: smooth;
      overflow: hidden;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch; }
      body #content .page .block {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        height: 100%;
        flex-grow: 1;
        padding: 0px;
        gap: 10px; }
        body #content .page .block > div {
          flex: 1;
          font-size: 0px;
          width: 100%; }
          body #content .page .block > div > div {
            background-color: transparent;
            border-radius: unset;
            border: unset;
            box-shadow: unset;
            padding: 0px;
            margin-bottom: 0px; }
            body #content .page .block > div > div > h1 {
              padding-top: 0px;
              padding-left: 12px;
              font-size: 30px;
              font-weight: 600;
              color: #101828; }
              @media screen and (max-width: 640px) {
                body #content .page .block > div > div > h1 {
                  font-size: 18px; } }
            body #content .page .block > div > div > h2 {
              font-size: 16px;
              padding-left: 12px;
              font-weight: 400;
              padding-top: 0px;
              color: #475467; }
              @media screen and (max-width: 640px) {
                body #content .page .block > div > div > h2 {
                  font-size: 14px;
                  padding-bottom: 0px; } }
        @media screen and (max-width: 700px) {
          body #content .page .block {
            display: block;
            align-items: unset;
            justify-content: unset;
            height: auto;
            flex-grow: unset;
            gap: unset;
            width: 100%; }
            body #content .page .block > div {
              flex: unset; } }
    body #content .page.displayed {
      display: block; }
    body #content .page.menu {
      margin-top: 96px;
      max-height: calc(100% - 106px); }
    body #content .page.menu.scroll {
      margin-top: 86px;
      max-height: 100%;
      padding-bottom: 150px; }
    body #content .page.analyze-menu-container.scroll {
      margin-top: 0px;
      max-height: 100%;
      padding-bottom: 150px; }
    body #content .page.scroll {
      /*for page that needs to scroll (cause most page are adaptative to content)*/
      height: auto;
      height: fit-content;
      padding-bottom: 10px; }
    body #content .page::-webkit-scrollbar {
      width: 0 !important;
      background: transparent !important;
      display: none !important;
      -ms-overflow-style: none;
      scrollbar-width: none; }
    body #content .page::-webkit-scrollbar-thumb {
      background: transparent !important; }
    body #content .page.is-loading .block {
      display: none; }
    body #content .page.is-loading .page-loader {
      display: block;
      height: 50vh;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center; }
    body #content .page.is-loading .page-loader > div {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      display: block;
      left: -110px;
      color: #FFF;
      box-sizing: border-box;
      animation: page-loader-spin 2s linear infinite; }

@keyframes page-loader-spin {
  0% {
    box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0); }
  12% {
    box-shadow: 100px 0 #cce982, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0); }
  25% {
    box-shadow: 110px 0 #cce982, 100px 0 #cce982, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0); }
  36% {
    box-shadow: 120px 0 #cce982, 110px 0 #cce982, 100px 0 #cce982, 0px 0 rgba(255, 255, 255, 0); }
  50% {
    box-shadow: 130px 0 #cce982, 120px 0 #cce982, 110px 0 #cce982, 100px 0 #cce982; }
  62% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 #cce982, 120px 0 #cce982, 110px 0 #cce982; }
  75% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 #cce982, 120px 0 #cce982; }
  87% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 #cce982; }
  100% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0); } }
  body #content.guest .page {
    border-radius: unset;
    border: none;
    border-color: unset;
    box-shadow: unset; }
    body #content.guest .page .block {
      border-radius: unset;
      border: none;
      border-color: unset;
      box-shadow: unset;
      padding: unset;
      gap: unset; }
  body #content.map {
    padding: 0px; }
  body .skeleton {
    position: relative;
    color: transparent;
    overflow: hidden;
    width: 100%; }
  body .skeleton::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, #fafafa 0%, #ffffff 20%, #fafafa 40%, #fafafa 100%);
    background-size: 200% 100%;
    animation: shimmer 1s linear infinite;
    width: 90%;
    height: 100%; }

@keyframes shimmer {
  0% {
    background-position: 100% 0; }
  100% {
    background-position: -100% 0; } }

.page[data-id="/auth"] .block {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
  padding: 0px !important;
  min-height: 487px !important; }
  .page[data-id="/auth"] .block > div {
    width: 100% !important;
    max-width: 404px !important;
    margin-bottom: 80px !important; }
    .page[data-id="/auth"] .block > div > div {
      background-color: white !important;
      border-radius: 10px !important;
      border: 1px solid black !important;
      border-color: rgba(208, 213, 221, 0.5) rgba(209, 214, 222, 0.5) !important;
      box-shadow: rgba(0, 0, 0, 0.02) 0px 4px 24px 0px !important;
      padding: 40px !important; }
      .page[data-id="/auth"] .block > div > div > h1 {
        font-size: 16px !important;
        color: #667084 !important;
        text-align: center;
        margin-bottom: 36px;
        padding: 0px !important;
        font-weight: 400 !important; }
      .page[data-id="/auth"] .block > div > div > img {
        margin: 0px auto 30px auto;
        display: block; }
      .page[data-id="/auth"] .block > div > div .forgot-btn {
        position: absolute;
        right: 0px;
        top: 0px;
        height: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: center; }
        .page[data-id="/auth"] .block > div > div .forgot-btn > a {
          font-size: 13px;
          padding-top: 8px; }
        @media screen and (max-width: 448px) {
          .page[data-id="/auth"] .block > div > div .forgot-btn {
            position: relative;
            display: block;
            right: unset;
            top: unset;
            height: auto;
            align-items: unset;
            justify-content: unset;
            margin-top: 20px; } }

@media screen and (max-height: 700px) {
  .page[data-id="/auth"] .block > div {
    margin-bottom: 0px !important; } }

#content .page[data-id="/auth/switch"] {
  background-color: #f2f4f7; }
  #content .page[data-id="/auth/switch"] .block {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 10px;
    min-height: 487px;
    border-radius: unset;
    border: none;
    border-color: unset;
    box-shadow: unset;
    padding: unset;
    gap: unset;
    background-color: #f2f4f7; }
    #content .page[data-id="/auth/switch"] .block > div {
      width: 100%;
      max-width: 404px;
      min-width: 300px;
      margin-bottom: 100px; }
      @media screen and (max-height: 700px) {
        #content .page[data-id="/auth/switch"] .block > div {
          margin-bottom: 0px; } }
      #content .page[data-id="/auth/switch"] .block > div > div {
        background-color: white;
        border-radius: 10px;
        border: 1px solid black;
        border-color: rgba(208, 213, 221, 0.5) rgba(209, 214, 222, 0.5);
        box-shadow: rgba(0, 0, 0, 0.02) 0px 4px 24px 0px;
        padding: 40px; }
        #content .page[data-id="/auth/switch"] .block > div > div > img {
          margin: 0px auto 30px auto;
          display: block; }
        #content .page[data-id="/auth/switch"] .block > div > div a {
          display: block;
          padding: 20px;
          border: 1px solid #eaecf0;
          border-radius: 12px;
          box-shadow: rgba(16, 24, 40, 0.05) 0px 1px 2px 0px;
          margin: 24px 0px;
          transition: background-color 0.2s ease-in-out;
          user-select: none;
          -webkit-tap-highlight-color: transparent;
          -webkit-user-drag: none; }
          #content .page[data-id="/auth/switch"] .block > div > div a .icon {
            width: 48px;
            background-color: #8cc300;
            height: 48px;
            vertical-align: top;
            border-radius: 10px;
            display: inline-flex;
            align-items: center;
            justify-content: center; }
            #content .page[data-id="/auth/switch"] .block > div > div a .icon span {
              font-size: 26px;
              color: white; }
          #content .page[data-id="/auth/switch"] .block > div > div a .text {
            display: inline-block;
            width: calc(100% - 48px);
            height: 48px;
            vertical-align: top;
            display: inline-flex;
            align-items: center; }
            #content .page[data-id="/auth/switch"] .block > div > div a .text > div {
              padding-left: 14px; }
              #content .page[data-id="/auth/switch"] .block > div > div a .text > div > h1 {
                display: block;
                font-size: 16px;
                color: #344054;
                text-align: left;
                padding: 0px;
                margin: 0px;
                padding-bottom: 8px;
                font-weight: 600; }
              #content .page[data-id="/auth/switch"] .block > div > div a .text > div .p {
                text-align: left;
                font-size: 14px;
                color: #475467; }
        #content .page[data-id="/auth/switch"] .block > div > div a:hover {
          background-color: #f9fafb; }
        #content .page[data-id="/auth/switch"] .block > div > div a:first-child {
          margin-top: 30px; }
        #content .page[data-id="/auth/switch"] .block > div > div a:last-child {
          margin-bottom: 0px; }
  @media screen and (max-height: 700px) {
    #content .page[data-id="/auth/switch"] .block > div {
      margin-bottom: 0px !important; } }

#content .page[data-id="/me"] > .block > div, #content .page[data-id="/analyze/me"] > .block > div {
  flex: 1;
  font-size: 0px; }
  #content .page[data-id="/me"] > .block > div > div, #content .page[data-id="/analyze/me"] > .block > div > div {
    background-color: white;
    border-radius: 10px;
    border: 1px solid black;
    border-color: rgba(208, 213, 221, 0.5) rgba(209, 214, 222, 0.5);
    box-shadow: rgba(0, 0, 0, 0.02) 0px 4px 24px 0px;
    padding: 26px;
    margin-bottom: 10px; }
    #content .page[data-id="/me"] > .block > div > div .pdf, #content .page[data-id="/analyze/me"] > .block > div > div .pdf {
      display: block;
      background-color: white;
      border-radius: 10px;
      border: 1px solid black;
      border-color: rgba(208, 213, 221, 0.5) rgba(209, 214, 222, 0.5);
      box-shadow: rgba(0, 0, 0, 0.02) 0px 4px 24px 0px;
      padding: 16px;
      text-decoration: none;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background-color 0.2s ease-in-out; }
      #content .page[data-id="/me"] > .block > div > div .pdf > div:first-child, #content .page[data-id="/analyze/me"] > .block > div > div .pdf > div:first-child {
        width: 50px;
        padding: 0px;
        padding-right: 10px; }
      #content .page[data-id="/me"] > .block > div > div .pdf > div:last-child, #content .page[data-id="/analyze/me"] > .block > div > div .pdf > div:last-child {
        width: calc(100% - 50px); }
        #content .page[data-id="/me"] > .block > div > div .pdf > div:last-child h1, #content .page[data-id="/analyze/me"] > .block > div > div .pdf > div:last-child h1 {
          font-size: 14px;
          font-weight: 500;
          padding: 0;
          padding-bottom: 5px;
          color: #2c2c2c; }
        #content .page[data-id="/me"] > .block > div > div .pdf > div:last-child .p, #content .page[data-id="/analyze/me"] > .block > div > div .pdf > div:last-child .p {
          font-size: 14px; }
    #content .page[data-id="/me"] > .block > div > div .pdf:hover, #content .page[data-id="/analyze/me"] > .block > div > div .pdf:hover {
      background-color: #f9fafb; }
    #content .page[data-id="/me"] > .block > div > div > h1, #content .page[data-id="/analyze/me"] > .block > div > div > h1 {
      color: #344054;
      font-size: 14px;
      padding-bottom: 0px;
      padding-top: 0px;
      font-weight: 600; }
    #content .page[data-id="/me"] > .block > div > div > h2, #content .page[data-id="/analyze/me"] > .block > div > div > h2 {
      color: #475467;
      font-size: 14px;
      padding-bottom: 20px; }

form .avatar .preview {
  width: 130px;
  height: 130px;
  margin-right: 20px;
  display: inline-block;
  vertical-align: top; }
  form .avatar .preview > div {
    border-radius: 150px;
    background-color: white;
    width: 130px;
    height: 130px;
    padding: 5px;
    border: 1px solid black;
    border-color: rgba(208, 213, 221, 0.5) rgba(209, 214, 222, 0.5);
    box-shadow: rgba(16, 24, 40, 0.03) 0px 4px 6px -2px, rgba(16, 24, 40, 0.08) 0px 12px 16px -4px; }
    form .avatar .preview > div > div {
      border-radius: 150px;
      background-color: #f2f4f7;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      width: 100%;
      height: 100%; }

form .avatar .preview.no-radius > div {
  border-radius: 0px;
  border: none;
  background-color: white;
  box-shadow: none; }
  form .avatar .preview.no-radius > div > div {
    border-radius: 0px;
    border: none;
    background-color: white; }

form .avatar .edit {
  width: calc(100% - 150px);
  height: 130px;
  border-radius: 12px;
  display: inline-block;
  vertical-align: top;
  border: 1px solid black;
  border-color: rgba(208, 213, 221, 0.5) rgba(209, 214, 222, 0.5);
  box-shadow: rgba(0, 0, 0, 0.02) 0px 4px 24px 0px;
  padding: 0px;
  overflow: hidden; }
  form .avatar .edit > a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    text-align: center;
    background-color: white;
    padding: 10px; }
    @media screen and (min-width: 1031px) {
      form .avatar .edit > a {
        transition: background-color 0.2s ease-in-out; } }
    form .avatar .edit > a > .icon {
      position: relative;
      display: block;
      border: 1px solid black;
      border-color: rgba(208, 213, 221, 0.5) rgba(209, 214, 222, 0.5);
      box-shadow: rgba(0, 0, 0, 0.02) 0px 4px 24px 0px;
      padding: 10px;
      margin: 0px auto;
      width: 42px;
      border-radius: 8px;
      text-align: center; }
      form .avatar .edit > a > .icon span {
        color: #4c5668; }
    form .avatar .edit > a > .filename {
      color: #475467;
      font-size: 14px;
      line-height: 20px;
      padding-top: 20px;
      display: none; }
    form .avatar .edit > a > .p {
      color: #475467;
      font-size: 14px;
      line-height: 20px;
      padding: 10px; }
      form .avatar .edit > a > .p span {
        transition: color 0.2s ease-in-out;
        color: #8cc300;
        font-weight: 600; }
      form .avatar .edit > a > .p > div {
        color: #475467;
        font-size: 12px; }
  form .avatar .edit > a:hover {
    background-color: #f9fafb; }
    @media screen and (max-width: 1030px) {
      form .avatar .edit > a:hover > .p {
        color: #f9fafb !important; }
        form .avatar .edit > a:hover > .p div {
          color: #f9fafb !important; } }
    form .avatar .edit > a:hover > .p span {
      color: #7ca809 !important; }

#content .page.entity > .head > div {
  display: flex;
  justify-content: space-between;
  width: 100%; }
  #content .page.entity > .head > div > div a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 4px;
    text-decoration: none;
    margin: 0px 1px;
    color: #4a4a4a;
    font-weight: 600; }
    #content .page.entity > .head > div > div a span {
      padding: 0px 6px;
      font-size: 24px;
      color: #4a4a4a; }
  #content .page.entity > .head > div > div a:hover {
    color: #7a7a7a; }
    #content .page.entity > .head > div > div a:hover span {
      color: #7a7a7a; }
  #content .page.entity > .head > div > div a.disabled {
    color: #979797;
    cursor: not-allowed; }
    #content .page.entity > .head > div > div a.disabled span {
      color: #979797; }
  #content .page.entity > .head > div > div .m-img-text > div:first-child {
    width: 50px; }
    #content .page.entity > .head > div > div .m-img-text > div:first-child > div {
      height: 50px;
      width: 50px;
      border-radius: 50px; }
    #content .page.entity > .head > div > div .m-img-text > div:first-child > .country {
      display: block;
      position: absolute;
      width: 20px;
      height: 20px;
      right: -5px;
      bottom: -5px;
      outline: 3px solid #f2f4f7; }
  #content .page.entity > .head > div > div .m-img-text > div:last-child {
    height: 50px;
    width: calc(100% - 50px); }
    #content .page.entity > .head > div > div .m-img-text > div:last-child > div {
      padding-left: 10px; }
      #content .page.entity > .head > div > div .m-img-text > div:last-child > div > h1 {
        font-size: 20px; }
      #content .page.entity > .head > div > div .m-img-text > div:last-child > div > div {
        margin-top: 6px !important;
        font-size: 14px;
        color: #606e83;
        font-weight: 500; }

#content .page.entity > .block > div {
  flex: 1;
  font-size: 0px;
  height: 100%; }
  #content .page.entity > .block > div > div {
    background-color: white;
    border-radius: 10px;
    border: 1px solid black;
    border-color: rgba(208, 213, 221, 0.5) rgba(209, 214, 222, 0.5);
    box-shadow: rgba(0, 0, 0, 0.02) 0px 4px 24px 0px;
    padding: 26px;
    margin-bottom: 10px;
    height: 100%; }
    #content .page.entity > .block > div > div .pdf {
      max-height: 100%;
      display: block;
      background-color: white;
      text-decoration: none;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background-color 0.2s ease-in-out; }
      #content .page.entity > .block > div > div .pdf > div {
        flex-grow: 1;
        overflow: hidden;
        text-overflow: ellipsis; }
        #content .page.entity > .block > div > div .pdf > div h1 {
          font-size: 14px;
          font-weight: 500;
          padding: 0;
          padding-bottom: 5px; }
        #content .page.entity > .block > div > div .pdf > div .p {
          font-size: 14px;
          padding-bottom: 2px; }
      #content .page.entity > .block > div > div .pdf > div:first-child {
        overflow: unset;
        flex-grow: 0;
        width: 50px;
        padding: 0px;
        padding-right: 10px; }
      #content .page.entity > .block > div > div .pdf > div:last-child {
        overflow: unset;
        flex-grow: 0;
        font-size: 14px;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: center; }
        #content .page.entity > .block > div > div .pdf > div:last-child span {
          margin-left: 5px; }

@media screen and (min-width: 641px) {
  #content .page.entity > .block.adaptive {
    max-height: calc(100% - 150px);
    overflow: hidden; } }

@media screen and (min-width: 641px) {
  #content .page.entity > .block.adaptive > div > div .content {
    height: 100%; } }

.entity-edit .decline-reason, .entity-edit .decline-reason > span {
  font-size: 12px;
  color: #ce3535;
  font-weight: 600;
  margin-bottom: 30px;
  line-height: 1.4em; }

.entity-edit .decline-reason span {
  color: #2c2c2c; }

.entity-edit .errors {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-decoration: none; }
  .entity-edit .errors > div {
    display: block; }
    .entity-edit .errors > div .text {
      padding-left: 25px;
      font-size: 14px;
      color: #e51616;
      margin-left: 15px;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      white-space: nowrap; }
      @media screen and (max-width: 640px) {
        .entity-edit .errors > div .text {
          display: none; } }
    .entity-edit .errors > div .text:before {
      content: '•';
      font-size: 24px;
      height: 10px;
      width: 10px;
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      left: 5px;
      top: 2px;
      font-weight: normal;
      background-color: #e51616;
      border-radius: 10px;
      animation: pulse-animation 2s infinite; }
    .entity-edit .errors > div .hover {
      flex: none;
      background-color: #ffeaea;
      border: 1px solid #ffa9a9;
      padding: 20px;
      width: 300px;
      display: none;
      position: absolute;
      left: 0px;
      border-radius: 10px;
      height: auto;
      z-index: 999; }
      .entity-edit .errors > div .hover > div {
        padding-top: 10px;
        font-size: 12px;
        color: #ef4141;
        display: block;
        position: relative; }
      .entity-edit .errors > div .hover > div:first-child {
        padding-top: 0px; }

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(229, 22, 22, 0.8); }
  100% {
    box-shadow: 0 0 0 5px rgba(0, 0, 0, 0); } }

.entity-edit .waves {
  background-image: url(/img/waves.svg);
  background-position: -170px -155px;
  background-repeat: no-repeat;
  background-size: 400px; }

.entity-edit .waves.p-20-d {
  background-position: -160px -160px; }

.entity-edit .big-icon {
  display: inline-block;
  width: auto;
  border-radius: 10px;
  border: 1px solid rgba(16, 24, 40, 0.05);
  padding: 10px;
  box-shadow: rgba(16, 24, 40, 0.05) 0px 1px 2px 0px; }
  .entity-edit .big-icon span {
    font-size: 26px;
    color: #4a4a4a;
    font-variation-settings: 'FILL' 1, 'wght' 300; }

.entity-edit .body .file {
  overflow: hidden;
  background-color: white;
  border-radius: 10px;
  border: 1px solid black;
  border-color: rgba(208, 213, 221, 0.5) rgba(209, 214, 222, 0.5);
  box-shadow: rgba(0, 0, 0, 0.02) 0px 4px 24px 0px;
  height: 500px;
  margin-bottom: 25px; }
  .entity-edit .body .file > div {
    height: 100%; }
  .entity-edit .body .file > .label {
    display: none; }

.reference .f-1s {
  min-width: 277px !important; }

.reference h1 {
  font-size: 14px;
  font-weight: 500;
  padding: 0; }

.reference h2 {
  font-size: 14px;
  font-weight: 300;
  padding: 8px 0px 14px 0px; }

.reference .header .t-status {
  width: auto !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%; }
  .reference .header .t-status div {
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 6px 0px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; }
    .reference .header .t-status div span {
      margin: 0px 8px; }
    .reference .header .t-status div .ref-label {
      font-weight: 600; }
      @media screen and (max-width: 640px) {
        .reference .header .t-status div .ref-label {
          display: none; } }
    .reference .header .t-status div .ref {
      background-color: #f2f4f7;
      padding: 6px 6px;
      border-radius: 4px;
      font-size: 12px;
      font-weight: 500; }
  .reference .header .t-status .observations-amount {
    padding-left: 10px !important;
    font-weight: 500 !important;
    font-size: 14px !important; }
    @media screen and (max-width: 640px) {
      .reference .header .t-status .observations-amount {
        display: none; } }

.reference .price-info {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 20px; }
  .reference .price-info > div {
    border-right: 1px solid #e7e7e7;
    width: 33%;
    text-align: center; }
    .reference .price-info > div > span {
      font-size: 9px;
      font-weight: 400;
      color: #8f8f8f;
      padding-left: 4px; }
    .reference .price-info > div > .value {
      font-size: 16px;
      font-weight: 600;
      color: #000000;
      word-break: break-all; }
  .reference .price-info > div:last-child {
    border-right: none; }

.img-previews {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px; }
  .img-previews > .main {
    width: calc(100% - 65px);
    height: 100%;
    padding-right: 5px; }
    .img-previews > .main > a, .img-previews > .main > div {
      width: 100%;
      height: 100%;
      display: block;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      border-radius: 10px;
      overflow: hidden; }
  .img-previews > .side {
    padding-left: 5px;
    width: 65px;
    height: 200px; }
    .img-previews > .side > a, .img-previews > .side > div {
      width: 60px;
      height: 60px;
      display: block;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      border-radius: 10px;
      overflow: hidden;
      margin: 10px 0px; }
    .img-previews > .side > a:first-child, .img-previews > .side > div:first-child {
      margin-top: 0px; }
    .img-previews > .side > a:last-child, .img-previews > .side > div:last-child {
      margin-bottom: 0px; }

.promotion-preview {
  border-radius: 8px;
  background-color: #ffffff;
  border: 1px solid #cfd4dc;
  box-shadow: rgba(16, 24, 40, 0.05) 0px 1px 2px 0px;
  overflow: hidden; }
  .promotion-preview img {
    width: 100%; }

.pdf-name {
  text-overflow: ellipsis !important;
  width: auto !important;
  overflow: hidden !important;
  padding-right: 8px !important; }

.store-preview {
  display: block;
  text-align: center; }
  .store-preview > div {
    margin: 0 auto;
    border-radius: 200px;
    width: 200px;
    height: 200px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    overflow: hidden; }
  .store-preview h1 {
    text-align: center; }
  .store-preview h2 {
    color: #475467;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    padding: 10px 30px;
    line-height: 1.3em; }

.insights {
  margin-top: 10px; }
  @media screen and (max-width: 640px) {
    .insights {
      margin-top: 20px; } }
  .insights > div {
    display: flex;
    align-items: center;
    justify-content: center; }
    @media screen and (max-width: 640px) {
      .insights > div {
        display: block; } }
    .insights > div .insight-btn {
      display: inline-block;
      margin: 10px;
      text-decoration: none;
      box-shadow: rgba(16, 24, 40, 0.05) 0px 1px 2px 0px;
      background-color: #FFFFFF;
      width: 33%;
      border-radius: 10px; }
      @media screen and (max-width: 640px) {
        .insights > div .insight-btn {
          display: block;
          width: 100%; } }
      .insights > div .insight-btn > div {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        padding: 20px; }
        .insights > div .insight-btn > div > .icon {
          width: 50px;
          padding: 10px;
          border: 1px solid #eaecf0;
          border-radius: 8px;
          box-shadow: rgba(16, 24, 40, 0.05) 0px 1px 2px 0px; }
          .insights > div .insight-btn > div > .icon > span {
            font-size: 30px;
            color: #8cc300; }
        .insights > div .insight-btn > div > .text {
          width: calc(100% - 50px);
          font-size: 16px;
          padding: 0px 20px;
          font-weight: 600; }
      .insights > div .insight-btn .description {
        font-size: 12px;
        text-align: left;
        padding: 0px 20px;
        width: 100%;
        justify-content: flex-start; }
      .insights > div .insight-btn .action {
        font-size: 12px;
        width: 100%;
        border-top: 1px solid #eeeeee;
        padding: 16px 20px;
        margin-top: 20px;
        font-weight: 600;
        justify-content: flex-end; }
    .insights > div .insight-btn:first-child {
      margin-left: 0px; }
    .insights > div .insight-btn:last-child {
      margin-right: 0px; }
    @media screen and (max-width: 640px) {
      .insights > div .insight-btn {
        margin-right: 0px;
        margin-left: 0px; } }
    .insights > div .insight-btn.disabled {
      background-color: #f9fafb; }
      .insights > div .insight-btn.disabled > div > .icon {
        border-color: rgba(234, 236, 240, 0.3); }
        .insights > div .insight-btn.disabled > div > .icon > span {
          color: #cedea8; }
      .insights > div .insight-btn.disabled > div > .text {
        color: #868b93; }
      .insights > div .insight-btn.disabled .description {
        color: #b8bec5; }
      .insights > div .insight-btn.disabled .action {
        border-top: 1px solid #f5f5f5;
        color: #c1c1c1; }

.chart {
  display: block;
  width: 100%; }
  .chart > div {
    height: 222px; }
  .chart > .filter-select {
    height: auto;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 112px; }
  .chart h1, .chart h2 {
    font-size: 14px;
    font-weight: 500 !important;
    color: #000000;
    padding: 0px 3px 11px 3px; }
  .chart h2 {
    font-size: 12px;
    padding-top: 0px;
    font-weight: 400 !important;
    padding-bottom: 20px; }

.page.map {
  display: none;
  margin: 0px !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  padding: 24px;
  background-color: #fff; }
  @media screen and (max-width: 775px) {
    .page.map {
      padding: 0px; } }
  .page.map .mapbox-container {
    margin: 0px;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    /*padding: 24px;*/
    border-radius: 24px;
    background-color: #F8F8F8; }
    @media screen and (max-width: 775px) {
      .page.map .mapbox-container {
        padding: 0px;
        border-radius: 0px; } }
    .page.map .mapbox-container #mapbox {
      border-radius: 10px;
      width: 100%;
      height: 100%;
      display: block; }
      @media screen and (max-width: 775px) {
        .page.map .mapbox-container #mapbox {
          border-radius: 0px; } }
      .page.map .mapbox-container #mapbox .mapboxgl-marker circle {
        fill: #537400; }
      .page.map .mapbox-container #mapbox .mapboxgl-marker path[opacity="0.25"] {
        opacity: 1;
        fill: #fff; }
  .page.map .map-menu-toggle {
    display: none;
    position: absolute;
    left: 144px;
    top: 36px;
    z-index: 1;
    border-radius: 8px;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0 0 30px 0 rgba(18, 18, 23, 0.2);
    border: 2px solid transparent;
    transition: border-color 0.2s ease-in-out;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-drag: none; }
    @media screen and (max-width: 775px) {
      .page.map .map-menu-toggle {
        left: 24px;
        bottom: 104px;
        top: unset; } }
    .page.map .map-menu-toggle:hover {
      border-color: #8cc300; }
    .page.map .map-menu-toggle .counter {
      display: none;
      height: 21px;
      min-width: 21px;
      width: auto;
      max-width: 40px;
      padding: 0 6px;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      font-family: Inter;
      font-size: 11px;
      font-style: normal;
      font-weight: 700;
      line-height: 21px;
      position: absolute;
      border: none;
      right: -9px;
      top: -9px;
      background-color: #8dc302;
      color: white;
      border-radius: 10px;
      pointer-events: none; }
    .page.map .map-menu-toggle .header {
      height: 100%;
      width: 100%;
      margin: 0px;
      overflow: hidden;
      background-color: white;
      display: flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      border-radius: 8px; }
      .page.map .map-menu-toggle .header > div:first-child {
        width: 72px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center; }
        .page.map .map-menu-toggle .header > div:first-child > span {
          font-size: 26px;
          color: #161616; }
  .page.map .results-count {
    position: absolute;
    display: flex;
    padding: 8px 12px;
    align-items: center;
    gap: 4px;
    color: rgba(22, 22, 22, 0.7);
    text-align: center;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0 0 10px 0 rgba(18, 18, 23, 0.2);
    z-index: 1;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: 0px;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-drag: none; }
    @media screen and (max-width: 775px) {
      .page.map .results-count {
        bottom: unset;
        left: unset;
        right: 24px;
        top: 24px;
        transform: unset; } }
    @media screen and (min-width: 776px) {
      .page.map .results-count.top-right-cards {
        bottom: unset;
        left: unset;
        bottom: 262px;
        right: 48px;
        transform: unset; }
      .page.map .results-count.bottom-right-cards {
        bottom: unset;
        left: unset;
        bottom: 48px;
        right: 48px;
        transform: unset; } }

.page.map.displayed {
  display: block !important; }

.marker {
  cursor: pointer; }

.gmap {
  font-size: 14px !important;
  padding: 0 14px !important;
  height: 36px !important;
  margin-top: 8px; }
  .gmap img {
    width: 14px;
    margin-right: 5px; }

.map-menu {
  display: block;
  position: absolute;
  top: 110px;
  left: 48px;
  transition: left 0.2s ease-in-out;
  z-index: 4;
  width: 270px;
  height: auto;
  backdrop-filter: blur(7px);
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 10px;
  box-shadow: 0 0 30px 0 rgba(18, 18, 23, 0.2); }
  @media screen and (max-width: 775px) {
    .map-menu {
      top: 24px;
      left: 24px; } }
  .map-menu[data-filter]:not([data-filter="0"]) {
    outline: 3px solid #8cc300; }
  .map-menu .map-menu-close {
    display: flex;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
    align-items: center;
    justify-content: center;
    margin: 0px;
    padding: 0px;
    height: 20px;
    width: 20px;
    text-decoration: none; }
    .map-menu .map-menu-close span {
      font-size: 22px;
      color: #bdbdbf; }
  .map-menu .map-menu-applied-filter {
    display: none;
    position: absolute;
    left: 0px;
    top: -16px;
    z-index: 1;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    width: 100%;
    text-align: center; }
    .map-menu .map-menu-applied-filter > div {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 4px 4px 4px 10px;
      background-color: #8dc302;
      border-radius: 24px; }
      .map-menu .map-menu-applied-filter > div span:first-child {
        font-size: 12px;
        color: white; }
      .map-menu .map-menu-applied-filter > div span:last-child {
        font-size: 20px;
        color: white;
        padding-left: 8px; }
  .map-menu .header {
    height: 68px;
    width: 100%;
    margin: 0px;
    overflow: hidden;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px; }
    .map-menu .header > div:first-child {
      width: 72px;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      .map-menu .header > div:first-child > span {
        font-size: 26px;
        color: #8cc300; }
    .map-menu .header > div:last-child {
      height: 100%;
      width: calc(100% - 72px);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column; }
      .map-menu .header > div:last-child > h1 {
        font-size: 18px;
        font-weight: 600;
        text-align: left;
        width: 100%;
        padding: 0px; }
      .map-menu .header > div:last-child > div {
        margin-top: 6px !important;
        font-size: 11px;
        color: #606e83;
        font-weight: 500;
        text-align: left;
        padding: 0px;
        width: 100%; }
  .map-menu .map-filters {
    display: block;
    margin: 0;
    height: auto;
    max-height: calc(100vh - calc(env(safe-area-inset-bottom, 0px) + 365px));
    overflow: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none; }
    @media screen and (max-width: 775px) {
      .map-menu .map-filters {
        max-height: calc(100vh - calc(env(safe-area-inset-bottom, 0px) + 340px)); } }
    .map-menu .map-filters > a {
      width: 100%;
      height: 60px;
      margin: 0px;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      transition: background-color 0.2s ease-in-out; }
      .map-menu .map-filters > a > div {
        flex: 1;
        display: inline-flex;
        justify-content: flex-start;
        flex-grow: 1; }
      .map-menu .map-filters > a > div:first-child {
        padding-left: 16px;
        padding-right: 12px;
        flex-grow: unset; }
        .map-menu .map-filters > a > div:first-child span {
          color: #8cc300;
          font-size: 24px; }
      .map-menu .map-filters > a > div:last-child {
        flex-grow: unset;
        justify-content: flex-end;
        padding-right: 16px; }
        .map-menu .map-filters > a > div:last-child span {
          color: #98a2b3; }
      .map-menu .map-filters > a .p {
        font-size: 16px;
        font-weight: 600; }
    .map-menu .map-filters > a:hover {
      background-color: rgba(255, 255, 255, 0.6); }
    .map-menu .map-filters > a.active {
      background-color: white; }
      .map-menu .map-filters > a.active > div:last-child span {
        transform: rotate(90deg); }
    .map-menu .map-filters .map-filter {
      display: block;
      background-color: white; }
      .map-menu .map-filters .map-filter .results {
        padding-bottom: 16px;
        max-height: 177px;
        overflow: hidden;
        overflow-y: scroll;
        scrollbar-width: none;
        -ms-overflow-style: none; }
        .map-menu .map-filters .map-filter .results > .no-results {
          display: none;
          font-size: 16px;
          padding: 16px;
          margin: 4px;
          border-radius: 10px;
          font-size: 14px;
          text-decoration: none;
          color: #858585;
          transition: background-color 0.2s ease-in-out;
          text-align: center; }
        .map-menu .map-filters .map-filter .results .map-filter-loader {
          display: block;
          height: 50px;
          min-height: 50px;
          width: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 0 !important; }
        .map-menu .map-filters .map-filter .results .map-filter-loader > div {
          width: 10px;
          height: 10px;
          border-radius: 50%;
          display: block;
          left: -110px;
          color: #FFF;
          box-sizing: border-box;
          animation: map-filter-loader-spin 2s linear infinite; }

@keyframes map-filter-loader-spin {
  0% {
    box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0); }
  12% {
    box-shadow: 100px 0 #cce982, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0); }
  25% {
    box-shadow: 110px 0 #cce982, 100px 0 #cce982, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0); }
  36% {
    box-shadow: 120px 0 #cce982, 110px 0 #cce982, 100px 0 #cce982, 0px 0 rgba(255, 255, 255, 0); }
  50% {
    box-shadow: 130px 0 #cce982, 120px 0 #cce982, 110px 0 #cce982, 100px 0 #cce982; }
  62% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 #cce982, 120px 0 #cce982, 110px 0 #cce982; }
  75% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 #cce982, 120px 0 #cce982; }
  87% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 #cce982; }
  100% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0); } }
        .map-menu .map-filters .map-filter .results .input-checkbox {
          text-align: left;
          margin-left: 16px;
          padding-right: 4px; }
        .map-menu .map-filters .map-filter .results .input-text.range {
          width: calc(50% - 30px);
          display: inline-block;
          margin: 0px 10px; }
          .map-menu .map-filters .map-filter .results .input-text.range .label {
            font-size: 14px;
            color: #4c5668;
            margin: 0px 0px 8px 0px;
            font-weight: 500;
            text-align: left; }
        .map-menu .map-filters .map-filter .results .input-text.range:first-child {
          margin-left: 20px; }
      .map-menu .map-filters .map-filter > .results::-webkit-scrollbar {
        width: 0 !important;
        background: transparent !important;
        display: none !important;
        -ms-overflow-style: none;
        scrollbar-width: none; }
      .map-menu .map-filters .map-filter > .results::-webkit-scrollbar-thumb {
        background: transparent !important; }
  .map-menu .map-filters::-webkit-scrollbar {
    width: 0 !important;
    background: transparent !important;
    display: none !important;
    -ms-overflow-style: none;
    scrollbar-width: none; }
  .map-menu .map-filters::-webkit-scrollbar-thumb {
    background: transparent !important; }
  .map-menu .footer {
    height: 68px;
    width: 100%;
    margin: 0px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid rgba(208, 213, 221, 0.5);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px; }
    .map-menu .footer .btn:first-child {
      background-color: transparent;
      border-color: transparent;
      font-size: 14px;
      color: #4a4a4a;
      box-shadow: none;
      transition: color 0.2s ease-in-out; }
    .map-menu .footer .btn:first-child:hover {
      color: #777777; }
    .map-menu .footer .btn:before {
      color: #4a4a4a;
      top: 2px;
      transition: color 0.2s ease-in-out; }
    .map-menu .footer .btn:first-child:hover:before {
      color: #777777; }
    .map-menu .footer .btn:last-child {
      font-size: 14px;
      padding-left: 48px;
      padding-right: 20px; }
    .map-menu .footer .btn.secondary:last-child {
      padding-right: 34px; }
    .map-menu .footer .btn:last-child:before {
      color: #fff; }
    .map-menu .footer .btn.secondary:last-child:before {
      color: #4a4a4a; }
    .map-menu .footer .btn:last-child:before {
      font-variation-settings: 'FILL' 0, 'wght' 400; }

.map-menu.closed {
  display: none !important; }

.map-buttons-filters {
  position: absolute;
  z-index: 1;
  left: 246px;
  top: 28px;
  width: auto;
  max-width: calc(100% - 270px - 360px); }
  @media screen and (max-width: 1000px) {
    .map-buttons-filters {
      top: 134px;
      left: 37px;
      max-width: calc(100% - 143px); } }
  @media screen and (max-width: 775px) {
    .map-buttons-filters {
      top: 88px;
      left: 0px;
      max-width: 100%; } }
  .map-buttons-filters > a {
    position: absolute;
    right: -70px;
    top: 8px;
    display: none;
    height: 48px;
    width: 48px;
    align-items: center;
    justify-content: center;
    border-radius: 80px;
    background: #FFF;
    box-shadow: 0 0 8px 0 rgba(18, 18, 23, 0.2);
    border: 2px solid transparent;
    text-decoration: none;
    white-space: nowrap;
    color: #161616;
    text-align: center;
    transition: transform 0.2s ease-in-out, border-color 0.2s ease-in-out;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-drag: none; }
    @media screen and (max-width: 1000px) {
      .map-buttons-filters > a {
        padding: 8px 16px;
        height: 36px;
        width: 36px;
        right: -82px; } }
    @media screen and (max-width: 775px) {
      .map-buttons-filters > a {
        display: none; } }
    .map-buttons-filters > a:hover {
      border-color: #8cc300; }
    .map-buttons-filters > a span {
      font-size: 16px;
      padding-left: 2px; }
  .map-buttons-filters > .list {
    padding: 8px 12px;
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    overflow: hidden;
    mask-image: linear-gradient(to right, black 90%, rgba(0, 0, 0, 0));
    -webkit-mask-image: linear-gradient(to right, black 90%, rgba(0, 0, 0, 0)); }
    @media screen and (max-width: 1000px) {
      .map-buttons-filters > .list {
        gap: 12px; } }
    @media screen and (max-width: 775px) {
      .map-buttons-filters > .list {
        padding: 8px 24px 8px 0px;
        mask-image: unset;
        -webkit-mask-image: unset;
        overflow: hidden;
        overflow-x: auto; }
        .map-buttons-filters > .list::-webkit-scrollbar {
          width: 0 !important;
          background: transparent !important;
          display: none !important;
          -ms-overflow-style: none;
          scrollbar-width: none; }
        .map-buttons-filters > .list::-webkit-scrollbar-thumb {
          background: transparent !important; } }
    .map-buttons-filters > .list a {
      display: flex;
      height: 48px;
      padding: 12px 20px;
      align-items: center;
      gap: 4px;
      border-radius: 80px;
      background-color: #FFF;
      box-shadow: 0 0 8px 0 rgba(18, 18, 23, 0.2);
      border: 2px solid transparent;
      text-decoration: none;
      white-space: nowrap;
      color: #161616;
      text-align: center;
      font-family: Inter;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
      user-select: none;
      -webkit-tap-highlight-color: transparent;
      -webkit-user-drag: none; }
      @media screen and (max-width: 1000px) {
        .map-buttons-filters > .list a {
          padding: 8px 16px;
          height: 36px; } }
      @media screen and (max-width: 775px) {
        .map-buttons-filters > .list a:first-child {
          margin-left: 24px; }
        .map-buttons-filters > .list a:last-child {
          margin-right: 48px; } }
      .map-buttons-filters > .list a:hover {
        border-color: #8cc300; }
      .map-buttons-filters > .list a.active {
        border-color: #FFF;
        color: #FFF;
        font-weight: 500;
        background-color: #8cc300; }

.map-buttons-filters.full > a {
  transform: rotate(90deg); }

.map-buttons-filters.full > .list {
  flex-wrap: wrap;
  overflow: visible;
  mask-image: none;
  -webkit-mask-image: none; }

.custom-marker {
  transition: opacity 0.2s ease-in-out; }
  .custom-marker > a {
    top: -16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-decoration: none; }
    .custom-marker > a > div:first-child {
      background-image: url(/img/map-pin.png);
      background-repeat: no-repeat;
      background-size: cover;
      width: 68px;
      height: 80px;
      display: flex;
      align-items: flex-start;
      justify-content: center;
      padding-top: 6px; }
      .custom-marker > a > div:first-child > img {
        width: 52px;
        height: 52px;
        border-radius: 52px; }
    .custom-marker > a > div:last-child {
      display: flex;
      padding: 4px 8px 4px 4px;
      align-items: center;
      gap: 4px;
      border-radius: 24px;
      background: #8CC300; }
      .custom-marker > a > div:last-child > img {
        width: 16px;
        height: 16px;
        border-radius: 16px; }
      .custom-marker > a > div:last-child > span {
        color: #FFF;
        text-align: center;
        font-family: Inter;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: normal; }

.map-visible-cards, .map-store-mobile-preview {
  position: absolute;
  display: flex;
  left: 0px;
  bottom: 0px;
  height: auto;
  max-width: 100%;
  overflow: hidden;
  overflow-x: auto;
  gap: 16px;
  padding: 16px 0px;
  z-index: 1;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch; }
  .map-visible-cards::-webkit-scrollbar, .map-store-mobile-preview::-webkit-scrollbar {
    width: 0 !important;
    background: transparent !important;
    display: none !important;
    -ms-overflow-style: none;
    scrollbar-width: none; }
  .map-visible-cards::-webkit-scrollbar-thumb, .map-store-mobile-preview::-webkit-scrollbar-thumb {
    background: transparent !important; }
  .map-visible-cards > .card, .map-store-mobile-preview > .card {
    display: flex;
    padding: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0 0 10px 0 rgba(18, 18, 23, 0.2);
    z-index: 1;
    min-width: 400px;
    width: 400px;
    transition: opacity 0.2s ease-in-out; }
    .map-visible-cards > .card:first-child, .map-store-mobile-preview > .card:first-child {
      margin-left: 16px; }
    .map-visible-cards > .card:last-child, .map-store-mobile-preview > .card:last-child {
      margin-right: 16px; }
    .map-visible-cards > .card .store, .map-store-mobile-preview > .card .store {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      height: 64px;
      width: 100%;
      gap: 16px; }
      .map-visible-cards > .card .store .logo, .map-store-mobile-preview > .card .store .logo {
        width: 64px;
        height: 64px; }
        .map-visible-cards > .card .store .logo > div, .map-store-mobile-preview > .card .store .logo > div {
          width: 100%;
          height: 100%;
          background-size: cover;
          background-repeat: no-repeat;
          border-radius: 64px;
          background-color: #f2f4f7; }
      .map-visible-cards > .card .store .data, .map-store-mobile-preview > .card .store .data {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        height: 64px;
        min-width: 0;
        flex: 1;
        gap: 4px; }
        .map-visible-cards > .card .store .data h1, .map-store-mobile-preview > .card .store .data h1 {
          color: #161616;
          font-family: Inter;
          font-size: 16px;
          font-style: normal;
          font-weight: 700;
          line-height: normal;
          padding: 0px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          display: inline-block;
          width: 100%; }
        .map-visible-cards > .card .store .data a, .map-store-mobile-preview > .card .store .data a {
          font-family: Inter;
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
          text-decoration-line: underline;
          text-decoration-style: solid;
          text-decoration-skip-ink: auto;
          text-decoration-thickness: auto;
          text-underline-offset: auto;
          text-underline-position: from-font;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          display: inline-block;
          width: 100%; }
      .map-visible-cards > .card .store a.view, .map-store-mobile-preview > .card .store a.view {
        width: 16px;
        height: 64px; }
        .map-visible-cards > .card .store a.view span, .map-store-mobile-preview > .card .store a.view span {
          color: #8cc300; }
        .map-visible-cards > .card .store a.view:hover span, .map-store-mobile-preview > .card .store a.view:hover span {
          color: #7ca809; }
    .map-visible-cards > .card .stats, .map-store-mobile-preview > .card .stats {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      width: 100%;
      gap: 8px; }
      .map-visible-cards > .card .stats > div, .map-store-mobile-preview > .card .stats > div {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        width: 100%; }
        .map-visible-cards > .card .stats > div > span, .map-store-mobile-preview > .card .stats > div > span {
          display: flex;
          flex-direction: row;
          justify-content: flex-start;
          align-items: center;
          gap: 5px;
          color: rgba(22, 22, 22, 0.7);
          text-align: center;
          font-family: Inter;
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: normal; }
          .map-visible-cards > .card .stats > div > span .product-img, .map-store-mobile-preview > .card .stats > div > span .product-img {
            display: inline-flex;
            width: 14px;
            height: 14px;
            background-size: cover;
            background-repeat: no-repeat;
            border-radius: 10px; }
        .map-visible-cards > .card .stats > div > span:first-child, .map-store-mobile-preview > .card .stats > div > span:first-child {
          flex: 6;
          color: rgba(22, 22, 22, 0.7); }
        .map-visible-cards > .card .stats > div > span:last-child, .map-store-mobile-preview > .card .stats > div > span:last-child {
          justify-content: flex-end;
          flex: 4;
          color: #161616; }

@media screen and (max-width: 775px) {
  .map-visible-cards {
    display: none !important; } }

.map-store-mobile-preview {
  left: 0px;
  bottom: 0px;
  width: 100%;
  max-width: 100%;
  z-index: 10;
  padding: 0px; }
  .map-store-mobile-preview .card {
    min-width: 100%;
    width: 100%;
    margin: 0px !important;
    border-radius: 32px 32px 0 0;
    background: #FFF;
    box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.1);
    gap: 26px;
    padding-top: 3px; }
    .map-store-mobile-preview .card .handle {
      display: flex;
      width: 100%;
      height: 31px;
      padding-top: 10px;
      align-items: flex-start;
      justify-content: center; }
      .map-store-mobile-preview .card .handle > div {
        display: flex;
        width: 50px;
        height: 3px;
        border-radius: 3px;
        background: #ddd; }
    .map-store-mobile-preview .card .store {
      flex-direction: column;
      height: auto; }
      .map-store-mobile-preview .card .store .data h1 {
        text-align: center; }
      .map-store-mobile-preview .card .store .data a {
        text-align: center; }
    .map-store-mobile-preview .card .view {
      border-radius: 80px;
      padding: 32px 10px;
      margin-top: 2px; }

.map-loading {
  position: absolute;
  top: -11px;
  left: 50%;
  transform: translateX(-50%);
  padding: 2px 8px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 6px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
  background-color: #8cc300;
  z-index: 2;
  font-size: 11px;
  color: #ffffff;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-drag: none; }
  @media screen and (max-width: 775px) {
    .map-loading {
      top: 13px; } }
  .map-loading > span {
    color: #ffffff;
    animation: map-loading-spin 1s linear infinite;
    font-size: 18px; }

@keyframes map-loading-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.page[data-id="/scan/api"] h4 {
  padding: 4px 0px;
  margin: 0px 0px;
  font-size: 14px;
  font-weight: 400; }
  .page[data-id="/scan/api"] h4 span {
    color: #7ca809; }

.page[data-id="/scan/api"] .search-preview {
  padding-top: 20px;
  width: 100%;
  overflow: hidden; }
  .page[data-id="/scan/api"] .search-preview canvas {
    width: 100%; }

.page[data-id="/scan/api"] .search-final {
  display: none; }

.iframe-scan {
  border: none;
  width: 100%;
  height: 90vh; }

.page[data-id="/auth"] .footer, .page[data-id="/auth/switch"] .footer {
  display: block;
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  min-width: 320px;
  height: 80px;
  padding: 10px 34px;
  background-color: white; }
  @media screen and (max-width: 600px) {
    .page[data-id="/auth"] .footer, .page[data-id="/auth/switch"] .footer {
      height: auto; } }
  .page[data-id="/auth"] .footer .left, .page[data-id="/auth/switch"] .footer .left {
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    height: 100%; }
    @media screen and (max-width: 600px) {
      .page[data-id="/auth"] .footer .left, .page[data-id="/auth/switch"] .footer .left {
        float: unset;
        padding-bottom: 20px; } }
    .page[data-id="/auth"] .footer .left img, .page[data-id="/auth/switch"] .footer .left img {
      vertical-align: top; }
  .page[data-id="/auth"] .footer .right, .page[data-id="/auth/switch"] .footer .right {
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
    height: 100%; }
    @media screen and (max-width: 600px) {
      .page[data-id="/auth"] .footer .right, .page[data-id="/auth/switch"] .footer .right {
        float: unset; } }
    .page[data-id="/auth"] .footer .right .p, .page[data-id="/auth/switch"] .footer .right .p {
      color: #667085;
      font-size: 14px;
      text-align: center;
      padding-top: 8px; }

@media screen and (max-height: 700px) {
  .page[data-id="/auth"] .footer, .page[data-id="/auth/switch"] .footer {
    display: none; } }

#menu {
  position: fixed;
  width: 100%;
  height: auto;
  padding: 10px 10px 10px 10px;
  top: 0px;
  left: 0px;
  z-index: 1000;
  min-width: 320px;
  text-align: center; }
  #menu > div {
    display: block;
    margin: 0 auto;
    max-width: 1180px; }
    #menu > div > div {
      background-color: white;
      border-radius: 10px;
      border: 1px solid black;
      border-color: rgba(208, 213, 221, 0.5) rgba(209, 214, 222, 0.5);
      box-shadow: rgba(0, 0, 0, 0.02) 0px 4px 24px 0px;
      padding: 0px;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      height: 100%;
      gap: 0px; }
      #menu > div > div > div {
        display: inline-block;
        height: 32px;
        margin: 20px; }
      #menu > div > div .mobile {
        display: none; }
        @media screen and (max-width: 640px) {
          #menu > div > div .mobile {
            flex-grow: 1;
            display: flex;
            margin: 0px;
            height: 74px;
            justify-content: center;
            align-items: center; } }
        #menu > div > div .mobile > img {
          max-height: 32px; }
      #menu > div > div .logo {
        width: 181px;
        min-width: 181px;
        margin-right: 100px; }
        @media screen and (max-width: 640px) {
          #menu > div > div .logo {
            margin: 12px; } }
        #menu > div > div .logo > a {
          display: block;
          width: 100%;
          height: 100%;
          background-image: url(/img/salesteamwatch-full.svg);
          background-repeat: no-repeat;
          cursor: default; }
          #menu > div > div .logo > a span {
            display: none;
            font-size: 36px;
            color: #b7bec9; }
        @media screen and (max-width: 940px) {
          #menu > div > div .logo {
            width: 40px;
            min-width: 40px;
            margin-right: 20px; }
            #menu > div > div .logo > a {
              user-select: none;
              -webkit-tap-highlight-color: transparent;
              -webkit-user-drag: none;
              background-image: url(/img/salesteamwatch-square.svg); } }
    @media screen and (max-width: 940px) and (max-width: 640px) {
      #menu > div > div .logo > a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50px;
        min-width: 50px;
        height: 50px;
        border: 1px solid black;
        border-color: rgba(208, 213, 221, 0.5) rgba(209, 214, 222, 0.5);
        box-shadow: rgba(0, 0, 0, 0.02) 0px 4px 24px 0px;
        border-radius: 6px;
        padding: 4px;
        background-image: none;
        cursor: pointer;
        text-decoration: none; }
        #menu > div > div .logo > a span {
          padding-top: 2px;
          display: block;
          font-size: 24px; } }
      #menu > div > div .list {
        flex-grow: 1;
        display: flex;
        margin: 0px;
        height: 74px;
        justify-content: center;
        align-items: center; }
        @media screen and (max-width: 640px) {
          #menu > div > div .list {
            display: none;
            flex-grow: unset;
            position: fixed;
            height: 100%;
            width: 100%;
            top: 0px;
            left: 0px;
            justify-content: unset;
            align-items: unset;
            gap: unset;
            background-color: white;
            border-bottom-right-radius: 10px;
            border: 1px solid black;
            border-color: rgba(208, 213, 221, 0.5) rgba(209, 214, 222, 0.5);
            box-shadow: rgba(0, 0, 0, 0.02) 0px 4px 24px 0px;
            z-index: 150;
            padding-bottom: 25px; } }
        #menu > div > div .list .header {
          display: none; }
          @media screen and (max-width: 640px) {
            #menu > div > div .list .header {
              display: block;
              padding: 28px 25px 25px 25px;
              text-align: left; }
              #menu > div > div .list .header > img {
                max-width: 140px;
                display: inline-block; }
              #menu > div > div .list .header > div {
                width: 40px;
                min-width: 40px;
                margin-right: 20px;
                position: absolute;
                right: 8px;
                top: 18px; }
                #menu > div > div .list .header > div > .mobile-trigger {
                  background-color: white;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  width: 50px;
                  min-width: 50px;
                  height: 50px;
                  border-radius: 6px;
                  padding: 4px;
                  background-image: none;
                  cursor: pointer;
                  text-decoration: none;
                  user-select: none;
                  -webkit-tap-highlight-color: transparent;
                  -webkit-user-drag: none; }
                  #menu > div > div .list .header > div > .mobile-trigger span {
                    padding-top: 2px;
                    display: block;
                    color: #b7bec9;
                    font-size: 24px; } }
        #menu > div > div .list > a {
          font-size: 15px;
          text-decoration: none;
          flex: 1;
          padding: 10px;
          display: flex;
          justify-content: center;
          align-items: center;
          max-width: 160px;
          user-select: none;
          -webkit-tap-highlight-color: transparent;
          -webkit-user-drag: none;
          transition: background-color 0.2s ease-in-out;
          margin: 0px 2px;
          border-radius: 10px;
          z-index: 100; }
          #menu > div > div .list > a b {
            font-size: 15px;
            font-weight: 600;
            color: #4a4a4a; }
          @media screen and (max-width: 640px) {
            #menu > div > div .list > a {
              justify-content: left;
              max-width: 300px;
              padding: 30px 70px 30px 30px; } }
          #menu > div > div .list > a span {
            margin-right: 6px;
            color: #cbcccf;
            font-weight: 400;
            font-size: 22px;
            transition: color 0.2s ease-in-out; }
          #menu > div > div .list > a span.will-rotate {
            margin-left: 6px;
            margin-right: 0px;
            font-weight: 400;
            font-size: 20px;
            transition: transform 0.2s cubic-bezier(0, 0.55, 0.45, 1); }
        #menu > div > div .list > a.sub-active span.will-rotate {
          transform: rotate(180deg); }
        #menu > div > div .list > a:hover span {
          color: #8cc300; }
        #menu > div > div .list > a:hover span.will-rotate {
          color: #cbcccf; }
      #menu > div > div .submenu {
        display: none;
        position: absolute;
        top: 0px;
        left: 0px;
        padding: 10px;
        padding-top: 50px;
        cursor: pointer; }
        #menu > div > div .submenu > div {
          width: 270px;
          background-color: white;
          border-radius: 10px;
          border: 1px solid black;
          border-color: rgba(208, 213, 221, 0.5) rgba(209, 214, 222, 0.5);
          box-shadow: rgba(16, 24, 40, 0.05) 0px 1px 2px 0px;
          padding: 0px;
          background-color: white;
          z-index: 999; }
          @media screen and (max-width: 640px) {
            #menu > div > div .submenu > div {
              z-index: 150;
              border: none;
              border-radius: 0px;
              box-shadow: none; } }
          #menu > div > div .submenu > div > a {
            text-decoration: none;
            display: block;
            user-select: none;
            -webkit-tap-highlight-color: transparent;
            -webkit-user-drag: none;
            font-size: 0;
            border-bottom: 1px solid black;
            border-color: #eaecf0;
            margin-left: 4px;
            margin-right: 4px; }
            @media screen and (max-width: 640px) {
              #menu > div > div .submenu > div > a {
                border-bottom: none; } }
            #menu > div > div .submenu > div > a .icon {
              width: 62px;
              height: 70px;
              vertical-align: top;
              display: inline-flex;
              align-items: start;
              justify-content: center;
              padding: 16px 8px; }
              #menu > div > div .submenu > div > a .icon span {
                font-size: 26px;
                color: #98a2b3; }
            #menu > div > div .submenu > div > a .text {
              width: calc(100% - 62px);
              height: 70px;
              vertical-align: top;
              display: inline-flex;
              align-items: center;
              overflow: hidden;
              white-space: nowrap; }
              #menu > div > div .submenu > div > a .text > div > h1 {
                display: block;
                font-size: 15px;
                color: #344054;
                text-align: left;
                padding: 0px;
                margin: 0px;
                font-weight: 600;
                width: 100%; }
              #menu > div > div .submenu > div > a .text > div .p {
                padding: 0px;
                padding-top: 10px;
                margin: 0px;
                text-align: left;
                font-size: 12px;
                color: #475467;
                max-width: 186px;
                text-overflow: ellipsis;
                overflow: hidden;
                height: 24px; }
          #menu > div > div .submenu > div a:first-child {
            margin-top: 4px; }
            #menu > div > div .submenu > div a:first-child .icon {
              border-top-left-radius: 6px; }
            #menu > div > div .submenu > div a:first-child .text {
              border-top-right-radius: 6px; }
          #menu > div > div .submenu > div a:last-child {
            border-bottom: none;
            margin-bottom: 4px; }
            #menu > div > div .submenu > div a:last-child .icon {
              border-bottom-left-radius: 6px; }
            #menu > div > div .submenu > div a:last-child .text {
              border-bottom-right-radius: 6px; }
          #menu > div > div .submenu > div a:hover .icon {
            background-color: #f9fafb; }
            #menu > div > div .submenu > div a:hover .icon span {
              color: #8cc300; }
          #menu > div > div .submenu > div a:hover .text {
            background-color: #f9fafb; }
      #menu > div > div .profile {
        width: 44px;
        margin: 14px;
        height: 44px;
        margin-left: 100px;
        /*submenu profile*/ }
        @media screen and (max-width: 940px) {
          #menu > div > div .profile {
            margin-left: 20px; } }
        #menu > div > div .profile > a {
          display: block;
          width: 44px;
          height: 44px;
          border-radius: 44px;
          background-color: #f2f4f7;
          background-repeat: no-repeat;
          background-size: cover;
          z-index: 100;
          text-decoration: none;
          display: flex;
          align-items: center;
          justify-content: center; }
          #menu > div > div .profile > a span {
            font-size: 32px;
            color: white; }
        #menu > div > div .profile .submenu > div {
          border-radius: 10px;
          border: 1px solid black;
          box-shadow: rgba(16, 24, 40, 0.05) 0px 1px 2px 0px;
          border-color: rgba(208, 213, 221, 0.5) rgba(209, 214, 222, 0.5);
          /*submenu profile*/ }
          #menu > div > div .profile .submenu > div a {
            text-decoration: none;
            user-select: none;
            -webkit-tap-highlight-color: transparent;
            -webkit-user-drag: none;
            border-bottom: 1px solid black;
            border-color: #eaecf0; }
            #menu > div > div .profile .submenu > div a .icon {
              height: 50px;
              width: 50px;
              align-items: center; }
              #menu > div > div .profile .submenu > div a .icon span {
                font-size: 18px; }
            #menu > div > div .profile .submenu > div a .text {
              width: calc(100% - 50px);
              height: 50px; }
              #menu > div > div .profile .submenu > div a .text > div {
                overflow: hidden; }
                #menu > div > div .profile .submenu > div a .text > div h1 {
                  font-size: 14px;
                  font-weight: 600;
                  overflow: hidden;
                  white-space: nowrap;
                  text-overflow: ellipsis;
                  padding: 10px 0px; }
                #menu > div > div .profile .submenu > div a .text > div .p {
                  overflow: hidden;
                  white-space: nowrap;
                  text-overflow: ellipsis; }
          #menu > div > div .profile .submenu > div a:first-child .icon {
            height: 70px;
            width: 70px;
            padding: 5px; }
            #menu > div > div .profile .submenu > div a:first-child .icon > div {
              width: 45px;
              height: 45px;
              border-radius: 45px;
              background-color: #f2f4f7;
              background-repeat: no-repeat;
              background-size: cover; }
            #menu > div > div .profile .submenu > div a:first-child .icon > div:after {
              content: '';
              position: absolute;
              width: 9px;
              height: 9px;
              border-radius: 9px;
              background-color: #10d500;
              display: block;
              border: 2px solid white;
              right: 0px;
              bottom: 0px; }
          #menu > div > div .profile .submenu > div a:first-child .text {
            height: 70px;
            width: calc(100% - 70px); }
            #menu > div > div .profile .submenu > div a:first-child .text > div h1 {
              padding-top: 2px;
              padding-bottom: 6px;
              padding-left: 0px; }
            #menu > div > div .profile .submenu > div a:first-child .text > div .p {
              padding-top: 0px;
              padding-bottom: 2px;
              padding-left: 0px; }
          #menu > div > div .profile .submenu > div a:last-child {
            border-bottom: none; }

.daterangepicker-ml-11 {
  margin-left: 11px !important; }

.product-select {
  position: absolute;
  display: block;
  left: -4px;
  top: -7px; }
  @media screen and (max-width: 775px) {
    .product-select {
      left: 0px;
      top: -2px; } }
  .product-select > a {
    text-decoration: none;
    display: flex;
    width: 72px;
    height: 72px;
    justify-content: center;
    align-items: center;
    border-radius: 72px;
    background: #FFF;
    z-index: 1;
    border: 2px solid transparent;
    transition: border-color 0.2s ease-in-out; }
    @media screen and (max-width: 775px) {
      .product-select > a {
        width: 48px;
        height: 48px;
        border-radius: 8px; } }
    .product-select > a:hover {
      border-color: #8cc300; }
    .product-select > a > div {
      background-color: #f2f4f7;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      width: 38px;
      height: 38px;
      border-radius: 38px; }
  .product-select .submenu {
    display: block;
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    transition: opacity 0.2s ease-in-out, max-height 0.3s ease-in-out;
    z-index: 999;
    overflow: hidden;
    overflow-y: auto; }
    .product-select .submenu.opened {
      visibility: visible;
      opacity: 1;
      max-height: calc(100vh - calc(env(safe-area-inset-bottom, 0px) + 192px)); }
      .product-select .submenu.opened > div > a {
        opacity: 1;
        transform: translateY(0); }
    .product-select .submenu::-webkit-scrollbar {
      width: 0 !important;
      background: transparent !important;
      display: none !important;
      -ms-overflow-style: none;
      scrollbar-width: none; }
    .product-select .submenu::-webkit-scrollbar-thumb {
      background: transparent !important; }
    .product-select .submenu > div {
      width: auto;
      padding: 10px; }
      .product-select .submenu > div > a {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        text-decoration: none;
        gap: 10px;
        padding: 6px 22px 6px 8px;
        background-color: white;
        border-radius: 42px;
        margin: 10px 0px;
        box-shadow: 0 0 10px 0 rgba(18, 18, 23, 0.2);
        border: 1px solid transparent;
        opacity: 0;
        transform: translateY(-10px);
        transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, border-color 0.2s ease-in-out; }
        .product-select .submenu > div > a:hover {
          border: 1px solid #8cc300; }
        .product-select .submenu > div > a .icon {
          width: 42px;
          height: 42px;
          display: flex;
          align-items: center; }
          .product-select .submenu > div > a .icon > div {
            border-radius: 38px;
            width: 38px;
            height: 38px;
            background-color: #f2f4f7;
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat; }
        .product-select .submenu > div > a .text {
          flex: 1;
          font-size: 14px; }

.map .product-select {
  left: 24px;
  top: 24px; }
  @media screen and (max-width: 775px) {
    .map .product-select {
      left: 24px;
      top: 24px; } }
  .map .product-select > a {
    box-shadow: 0 0 30px 0 rgba(18, 18, 23, 0.2); }

.product-select-padding {
  padding-left: 85px !important; }
  @media screen and (max-width: 775px) {
    .product-select-padding {
      padding-left: 60px !important; } }

#map-list-switch {
  position: absolute;
  top: 60px;
  right: 48px;
  display: flex;
  padding: 4px;
  height: 48px;
  align-items: center;
  border-radius: 32px;
  background: #fff;
  box-shadow: 0 0 30px 0 rgba(18, 18, 23, 0.2);
  z-index: 1;
  overflow: hidden;
  width: 190px; }
  @media screen and (max-width: 775px) {
    #map-list-switch {
      transform: rotate(90deg);
      width: 86px;
      top: unset;
      bottom: 164px;
      right: 0px; } }
  #map-list-switch::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: calc(50% - 4px);
    height: calc(100% - 8px);
    border-radius: 80px;
    background: #8CC300;
    transition: transform 0.2s ease-in-out;
    z-index: 0; }
  #map-list-switch a {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    color: #161616;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    position: relative;
    height: 100%;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-drag: none; }
    #map-list-switch a.active > span {
      color: #FFF;
      font-weight: 500; }
    #map-list-switch a > span:first-child {
      display: none; }
    #map-list-switch a > span:last-child {
      display: block; }
    @media screen and (max-width: 775px) {
      #map-list-switch a > span:first-child {
        display: block;
        transform: rotate(-90deg); }
      #map-list-switch a > span:last-child {
        display: none; } }
  #map-list-switch[data-active="list"]::before {
    transform: translateX(100%); }

.bottom-mobile-menu {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 2;
  background-color: #fff;
  gap: 0px;
  border-top: 1px solid #D2D2D2; }
  .bottom-mobile-menu.displayed {
    display: flex; }
  @media screen and (min-width: 776px) {
    .bottom-mobile-menu {
      display: none !important; } }
  .bottom-mobile-menu > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    height: 80px;
    text-decoration: none;
    gap: 6px; }
    .bottom-mobile-menu > a span:first-child {
      font-size: 24px;
      color: #A5A5A5;
      font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; }
    .bottom-mobile-menu > a:last-child span:first-child {
      border-radius: 32px;
      padding: 12px;
      background: rgba(245, 245, 245, 0.8);
      color: #161616; }
    .bottom-mobile-menu > a.active span:first-child {
      background: transparent;
      color: #8cc300; }
    .bottom-mobile-menu > a span:last-child {
      color: #787878;
      text-align: center;
      font-family: Inter;
      font-size: 11px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      letter-spacing: 0.5px; }
    .bottom-mobile-menu > a.active span:first-child {
      border-radius: 32px;
      padding: 12px;
      background: rgba(140, 195, 0, 0.1); }
    .bottom-mobile-menu > a.active span:last-child {
      display: none; }
    .bottom-mobile-menu > a span.no-text {
      display: none; }
    .bottom-mobile-menu > a.disabled span {
      color: #dcdcdc !important; }

#content.guest .bottom-mobile-menu {
  display: none !important; }

.tabs .menu, .m-tabs .menu {
  padding-bottom: 10px; }
  .tabs .menu > .scroll > div, .m-tabs .menu > .scroll > div {
    display: block;
    width: 100%;
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    margin-top: 20px;
    border-bottom: 1px solid #eaecf0;
    height: 100%;
    margin-bottom: 10px; }
    .tabs .menu > .scroll > div > a, .m-tabs .menu > .scroll > div > a {
      display: inline-flex;
      font-size: 16px;
      color: #667085;
      padding: 0px 4px;
      align-items: center;
      justify-content: center;
      height: 46px;
      margin-right: 30px;
      text-decoration: none;
      font-weight: 600;
      transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
      border-bottom: 1px solid transparent; }
      @media screen and (max-width: 640px) {
        .tabs .menu > .scroll > div > a, .m-tabs .menu > .scroll > div > a {
          font-size: 14px;
          margin-right: 6px; } }
    .tabs .menu > .scroll > div > a:hover, .tabs .menu > .scroll > div > a.displayed, .m-tabs .menu > .scroll > div > a:hover, .m-tabs .menu > .scroll > div > a.displayed {
      color: #8cc300;
      border-bottom: 1px solid #8cc300; }
    .tabs .menu > .scroll > div > a span:first-child, .m-tabs .menu > .scroll > div > a span:first-child {
      font-size: 16px;
      color: #667085;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      font-weight: 600;
      transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out; }
      @media screen and (max-width: 640px) {
        .tabs .menu > .scroll > div > a span:first-child, .m-tabs .menu > .scroll > div > a span:first-child {
          font-size: 14px;
          margin-right: 6px; } }
    .tabs .menu > .scroll > div > a span:last-child, .m-tabs .menu > .scroll > div > a span:last-child {
      font-size: 12px;
      border: 1px solid #d1d1d1;
      padding: 4px 8px;
      font-weight: 600;
      border-radius: 10px;
      color: #7d91a6;
      background-color: #fbfbfb;
      margin-left: 8px; }
    .tabs .menu > .scroll > div > a.displayed span:first-child, .m-tabs .menu > .scroll > div > a.displayed span:first-child {
      color: #8cc300; }
    .tabs .menu > .scroll > div > a.displayed span:last-child, .m-tabs .menu > .scroll > div > a.displayed span:last-child {
      border: 1px solid #8cc300;
      color: #8cc300;
      background-color: #f0fff4; }
  .tabs .menu > .scroll > div::-webkit-scrollbar, .m-tabs .menu > .scroll > div::-webkit-scrollbar {
    width: 0 !important;
    background: transparent !important;
    display: none !important;
    -ms-overflow-style: none;
    scrollbar-width: none; }
  .tabs .menu > .scroll > div::-webkit-scrollbar-thumb, .m-tabs .menu > .scroll > div::-webkit-scrollbar-thumb {
    background: transparent !important; }

.tabs .input-text, .m-tabs .input-text {
  padding-bottom: 0px; }

.tabs .data > div, .m-tabs .data > div {
  display: none;
  font-size: 12px; }

.tabs .data > div.displayed, .m-tabs .data > div.displayed {
  display: block; }

.tabs .data .m-img-text > div:last-child > div > div, .m-tabs .data .m-img-text > div:last-child > div > div {
  overflow: unset;
  text-overflow: unset;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal; }

@media screen and (max-width: 1079px) {
  .tabs .data .m-img-text > div:last-child, .m-tabs .data .m-img-text > div:last-child {
    height: 60px; }
  .tabs .data .table > .scroll > div table tr td > a.m-img-text, .m-tabs .data .table > .scroll > div table tr td > a.m-img-text {
    height: 70px; } }

@media screen and (min-width: 1080px) {
  .tabs .data .m-img-text .text, .m-tabs .data .m-img-text .text {
    max-width: 410px; } }

.headers {
  display: block;
  margin-bottom: 16px; }
  .headers > .scroll > div {
    width: 100%;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    height: 100%;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .headers > .scroll > div > div {
      flex-grow: 0;
      display: inline-flex; }
      .headers > .scroll > div > div .input-text {
        display: inline-block;
        width: auto; }
      .headers > .scroll > div > div .input-text::before, .headers > .scroll > div > div .input-text::after {
        top: 0px; }
    .headers > .scroll > div > div:first-child {
      justify-content: flex-start;
      flex-grow: 1;
      text-align: left;
      font-size: 12px; }
    .headers > .scroll > div > div:last-child {
      text-align: right;
      justify-content: flex-end; }
  .headers > .scroll > div::-webkit-scrollbar {
    width: 0 !important;
    background: transparent !important;
    display: none !important;
    -ms-overflow-style: none;
    scrollbar-width: none; }
  .headers > .scroll > div::-webkit-scrollbar-thumb {
    background: transparent !important; }
  .headers .table-search {
    min-width: 150px;
    margin-left: 10px; }
  .headers .filters {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    flex-grow: 1; }
    .headers .filters form {
      display: inline-flex;
      width: auto;
      padding-right: 5px; }
      .headers .filters form > div > a {
        width: auto; }

.headers.filter-open.scroll-left > .scroll, .headers.filter-open.scroll-right > .scroll {
  height: 300px; }

.headers.scroll-left > .scroll > div, .headers.scroll-right > .scroll > div {
  display: block;
  overflow-x: auto; }

.table > .scroll > div, .table > .no-scroll > div {
  display: block;
  width: 100%;
  overflow-x: auto;
  background-color: white;
  border-radius: 12px;
  border: 1px solid black;
  border-color: rgba(208, 213, 221, 0.5) rgba(209, 214, 222, 0.5);
  box-shadow: rgba(0, 0, 0, 0.02) 0px 4px 24px 0px; }
  .table > .scroll > div table, .table > .no-scroll > div table {
    display: table;
    margin: 0;
    padding: 0;
    width: 100%;
    border-collapse: collapse; }
    .table > .scroll > div table tr, .table > .no-scroll > div table tr {
      display: table-row;
      margin: 0;
      padding: 0;
      border: none;
      font-size: 0;
      background-color: white;
      transition: background-color 0.1s ease-in-out; }
      .table > .scroll > div table tr td, .table > .scroll > div table tr th, .table > .no-scroll > div table tr td, .table > .no-scroll > div table tr th {
        display: table-cell;
        margin: 0;
        padding: 0;
        border: none;
        font-size: 0;
        white-space: nowrap;
        text-align: left; }
        .table > .scroll > div table tr td > a, .table > .scroll > div table tr td > div, .table > .scroll > div table tr th > a, .table > .scroll > div table tr th > div, .table > .no-scroll > div table tr td > a, .table > .no-scroll > div table tr td > div, .table > .no-scroll > div table tr th > a, .table > .no-scroll > div table tr th > div {
          display: inline-flex;
          align-items: center;
          justify-content: flex-start;
          height: 72px;
          /*do not change this without updating calculateCells() function */
          width: 100%;
          font-size: 12px;
          padding: 0px 10px;
          text-align: left;
          white-space: nowrap;
          text-decoration: none;
          font-weight: 500;
          color: #101828; }
          @media screen and (max-width: 640px) {
            .table > .scroll > div table tr td > a, .table > .scroll > div table tr td > div, .table > .scroll > div table tr th > a, .table > .scroll > div table tr th > div, .table > .no-scroll > div table tr td > a, .table > .no-scroll > div table tr td > div, .table > .no-scroll > div table tr th > a, .table > .no-scroll > div table tr th > div {
              height: 50px;
              /*do not change this without updating calculateCells() function */ } }
        .table > .scroll > div table tr td .table-loader, .table > .scroll > div table tr th .table-loader, .table > .no-scroll > div table tr td .table-loader, .table > .no-scroll > div table tr th .table-loader {
          display: block;
          height: 10vh;
          min-height: 50px;
          width: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 0 !important; }
        .table > .scroll > div table tr td .table-loader > div, .table > .scroll > div table tr th .table-loader > div, .table > .no-scroll > div table tr td .table-loader > div, .table > .no-scroll > div table tr th .table-loader > div {
          width: 10px;
          height: 10px;
          border-radius: 50%;
          display: block;
          left: -110px;
          color: #FFF;
          box-sizing: border-box;
          animation: table-loader-spin 2s linear infinite; }

@keyframes table-loader-spin {
  0% {
    box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0); }
  12% {
    box-shadow: 100px 0 #cce982, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0); }
  25% {
    box-shadow: 110px 0 #cce982, 100px 0 #cce982, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0); }
  36% {
    box-shadow: 120px 0 #cce982, 110px 0 #cce982, 100px 0 #cce982, 0px 0 rgba(255, 255, 255, 0); }
  50% {
    box-shadow: 130px 0 #cce982, 120px 0 #cce982, 110px 0 #cce982, 100px 0 #cce982; }
  62% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 #cce982, 120px 0 #cce982, 110px 0 #cce982; }
  75% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 #cce982, 120px 0 #cce982; }
  87% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 #cce982; }
  100% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0); } }
        .table > .scroll > div table tr td .no-results, .table > .scroll > div table tr th .no-results, .table > .no-scroll > div table tr td .no-results, .table > .no-scroll > div table tr th .no-results {
          color: #7a7b7d;
          justify-content: center; }
      .table > .scroll > div table tr th, .table > .no-scroll > div table tr th {
        background-color: #f9fafb; }
        .table > .scroll > div table tr th > a, .table > .scroll > div table tr th > div, .table > .no-scroll > div table tr th > a, .table > .no-scroll > div table tr th > div {
          height: 44px;
          /*do not change this without updating calculateCells() function */
          background-color: #f9fafb;
          font-size: 12px;
          font-weight: 500;
          color: #475467; }
        .table > .scroll > div table tr th > a.sort-ASC span:after, .table > .scroll > div table tr th > div.sort-ASC span:after, .table > .scroll > div table tr th > a.sort-DESC span:after, .table > .scroll > div table tr th > div.sort-DESC span:after, .table > .no-scroll > div table tr th > a.sort-ASC span:after, .table > .no-scroll > div table tr th > div.sort-ASC span:after, .table > .no-scroll > div table tr th > a.sort-DESC span:after, .table > .no-scroll > div table tr th > div.sort-DESC span:after {
          font-family: 'Material Symbols Outlined';
          content: 'arrow_drop_up';
          display: block;
          position: absolute;
          top: 11px;
          height: 100%;
          font-size: 18px;
          color: #8cc300; }
        .table > .scroll > div table tr th > a.sort-DESC span:after, .table > .scroll > div table tr th > div.sort-DESC span:after, .table > .no-scroll > div table tr th > a.sort-DESC span:after, .table > .no-scroll > div table tr th > div.sort-DESC span:after {
          content: 'arrow_drop_down'; }
        .table > .scroll > div table tr th > a[data-sort="-1"], .table > .no-scroll > div table tr th > a[data-sort="-1"] {
          cursor: default !important;
          color: #90a1b1; }
      .table > .scroll > div table tr td, .table > .no-scroll > div table tr td {
        border-top: 1px solid #eaecf0; }
      .table > .scroll > div table tr th:first-child > a, .table > .scroll > div table tr th:first-child > div, .table > .scroll > div table tr td:first-child > a, .table > .scroll > div table tr td:first-child > div, .table > .no-scroll > div table tr th:first-child > a, .table > .no-scroll > div table tr th:first-child > div, .table > .no-scroll > div table tr td:first-child > a, .table > .no-scroll > div table tr td:first-child > div {
        padding-left: 22px; }
        @media screen and (max-width: 640px) {
          .table > .scroll > div table tr th:first-child > a, .table > .scroll > div table tr th:first-child > div, .table > .scroll > div table tr td:first-child > a, .table > .scroll > div table tr td:first-child > div, .table > .no-scroll > div table tr th:first-child > a, .table > .no-scroll > div table tr th:first-child > div, .table > .no-scroll > div table tr td:first-child > a, .table > .no-scroll > div table tr td:first-child > div {
            padding-left: 10px; } }
    .table > .scroll > div table tr:hover, .table > .no-scroll > div table tr:hover {
      background-color: #fbfbfb; }

.table > .scroll > div::-webkit-scrollbar {
  width: 0 !important;
  background: transparent !important;
  display: none !important;
  -ms-overflow-style: none;
  scrollbar-width: none; }

.table > .scroll > div::-webkit-scrollbar-thumb {
  background: transparent !important; }

.table > .pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  /*do not change this without updating calculateCells() function */ }
  .table > .pagination > div {
    flex: 1;
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #344054;
    font-weight: 500;
    font-size: 14px; }
    .table > .pagination > div > span {
      font-size: 14px;
      color: #344054;
      font-weight: 500; }
    .table > .pagination > div > .total {
      padding-right: 3px; }
    .table > .pagination > div > .selected {
      padding-left: 3px; }
    .table > .pagination > div > .export {
      padding-left: 10px;
      display: none;
      font-weight: 600; }
    .table > .pagination > div .rows-count {
      width: 70px;
      margin: 0px 6px; }
      .table > .pagination > div .rows-count .select:after {
        content: "unfold_more"; }
  .table > .pagination > div:first-child {
    justify-content: flex-start; }
    @media screen and (max-width: 640px) {
      .table > .pagination > div:first-child {
        display: none; } }
  .table > .pagination > div:last-child {
    justify-content: flex-end; }
    @media screen and (max-width: 640px) {
      .table > .pagination > div:last-child .extended {
        display: none; } }

.table tr td.t-actions:last-child a:last-child, .table tr td.t-assign:last-child a:last-child {
  padding-right: 20px !important; }
  @media screen and (max-width: 640px) {
    .table tr td.t-actions:last-child a:last-child, .table tr td.t-assign:last-child a:last-child {
      padding-right: 10px !important; } }

.table.cards > .scroll > div, .table.cards > .no-scroll > div {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  border-radius: 0px; }
  .table.cards > .scroll > div table, .table.cards > .no-scroll > div table {
    display: block;
    background-color: transparent; }
    .table.cards > .scroll > div table thead, .table.cards > .no-scroll > div table thead {
      display: none; }
    .table.cards > .scroll > div table tbody, .table.cards > .no-scroll > div table tbody {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
      justify-content: center; }
      .table.cards > .scroll > div table tbody tr, .table.cards > .no-scroll > div table tbody tr {
        display: block;
        width: calc(25% - 12px);
        box-sizing: border-box;
        border: none;
        border-radius: 0px;
        margin-bottom: 0px;
        padding: 0px;
        background-color: transparent;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
        flex: 1 1 auto; }
        @media screen and (max-width: 1110px) {
          .table.cards > .scroll > div table tbody tr, .table.cards > .no-scroll > div table tbody tr {
            width: calc(33% - 8px); } }
        @media screen and (max-width: 842px) {
          .table.cards > .scroll > div table tbody tr, .table.cards > .no-scroll > div table tbody tr {
            width: calc(50% - 8px); } }
        @media screen and (max-width: 562px) {
          .table.cards > .scroll > div table tbody tr, .table.cards > .no-scroll > div table tbody tr {
            width: 100%; } }
      .table.cards > .scroll > div table tbody td, .table.cards > .no-scroll > div table tbody td {
        display: block;
        width: 100%;
        padding: 0px;
        border: none;
        background-color: transparent; }
        .table.cards > .scroll > div table tbody td a, .table.cards > .no-scroll > div table tbody td a {
          padding: 0px;
          align-items: flex-start;
          border: 1px solid #ccc;
          border-radius: 8px;
          overflow: hidden;
          height: auto; }

.m-links > a.icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 6px;
  text-decoration: none;
  margin: 0px 1px;
  color: #4a4a4a;
  font-weight: 600; }
  .m-links > a.icon > span {
    font-size: 22px;
    color: #4a4a4a; }
  .m-links > a.icon > span.filled {
    font-variation-settings: 'FILL' 1, 'wght' 300; }

.m-links > a.icon:hover {
  color: #7ca809; }
  .m-links > a.icon:hover > span {
    color: #7ca809; }

.m-chip-round {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #8cc300;
  padding: 0px 6px;
  height: 26px;
  min-width: 26px;
  width: auto;
  font-size: 12px;
  font-weight: 600;
  border-radius: 26px;
  color: #8cc300;
  background-color: #f0fff4; }

.m-card {
  display: block;
  width: 100%;
  background-color: #eceef1;
  transition: background-color 0.2s ease-in-out; }
  .m-card .img-previews {
    margin: 10px; }
    .m-card .img-previews .main > div, .m-card .img-previews .side > div {
      border-radius: 6px;
      background-color: white; }
  .m-card .details {
    background-color: white;
    margin: 10px;
    border: 1px solid #c5c5c5;
    border-radius: 6px;
    overflow: hidden; }
    .m-card .details > div {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding: 3px; }
      .m-card .details > div span {
        width: 50%;
        font-size: 11px;
        font-weight: 600;
        padding: 4px 6px; }
      .m-card .details > div span:last-child {
        text-align: right;
        font-weight: 400; }
    .m-card .details > div:first-child {
      border-bottom: 1px solid #c5c5c5;
      padding: 0px;
      font-size: 11px;
      font-weight: 600; }
      .m-card .details > div:first-child span {
        width: auto; }
      .m-card .details > div:first-child .material-symbols-outlined {
        color: #838a92;
        font-size: 16px;
        padding-left: 4px; }
  .m-card .ref {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 6px;
    border-bottom: 1px solid #c5c5c5;
    background-color: white; }
    .m-card .ref > div {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      width: 50%;
      font-size: 11px; }
      .m-card .ref > div .ref-label {
        font-weight: 600;
        padding-left: 4px;
        font-size: 11px;
        padding-top: 2px; }
      .m-card .ref > div .material-symbols-outlined {
        color: #838a92;
        font-size: 16px; }
    .m-card .ref > div:last-child {
      justify-content: flex-end; }
      .m-card .ref > div:last-child span {
        background-color: #f2f4f7;
        padding: 4px 4px;
        border-radius: 4px;
        font-size: 11px;
        font-weight: 600; }

.m-card:hover {
  background-color: #e6ebf2; }

.m-chip-square {
  border: 1px solid #d0d5dd;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 12px;
  color: #344054;
  background-color: #ffffff;
  border-radius: 6px;
  box-shadow: rgba(16, 24, 40, 0.05) 0px 1px 2px 0px; }

.m-chip-square[data-icon] {
  padding-left: 16px; }

.m-chip-square::before {
  content: attr(data-icon);
  font-size: 20px;
  position: absolute;
  top: -1px;
  left: 3px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-variation-settings: 'FILL' 0, 'wght' 300;
  font-weight: normal;
  color: #8a93a2;
  color: #17b169; }

.m-chip-square.red::before {
  color: #d92d20; }

.m-chip-square.orange::before {
  color: #e3a90f; }

.m-progress {
  display: flex;
  align-items: center;
  justify-content: center; }
  .m-progress > div:first-child {
    display: flex;
    flex-grow: 1;
    height: 8px;
    background-color: #eaecf0;
    border-radius: 8px;
    width: 100%;
    min-width: 120px; }
    .m-progress > div:first-child > span {
      border-radius: 8px;
      background-color: #8cc300; }
  .m-progress > div:last-child {
    display: flex;
    font-size: 14px;
    font-weight: 500;
    color: #344054;
    padding-left: 12px; }

.m-img-round {
  padding: 0px 2px !important;
  margin: 0px 2px; }
  .m-img-round > div {
    height: 40px;
    width: 40px;
    background-color: #f2f4f7;
    border-radius: 40px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }

.m-img-square {
  padding: 0px 2px !important;
  margin: 0px 2px; }
  .m-img-square > div {
    height: 40px;
    width: 40px;
    background-color: #f2f4f7;
    border-radius: 5px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }

.m-img-square:first-child {
  padding-left: 10px !important; }

.m-img-square:last-child {
  padding-right: 10px !important; }

.m-img-chips-round {
  padding: 0px 0px !important;
  margin: 0px 0px; }
  .m-img-chips-round > div {
    height: 20px;
    width: 20px;
    background-color: #f2f4f7;
    border-radius: 20px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }

.m-img-chips-round.count > div {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 11px;
  color: #475467; }

.m-img-chips-round:first-child {
  padding-left: 10px !important; }

.m-img-chips-round:last-child {
  padding-right: 10px !important; }

.m-img-text {
  display: flex;
  align-items: center;
  justify-content: center; }
  .m-img-text > div:first-child {
    width: 40px; }
    .m-img-text > div:first-child > div {
      height: 40px;
      width: 40px;
      background-color: #f2f4f7;
      border-radius: 40px;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat; }
  .m-img-text > div:last-child {
    height: 60px;
    width: calc(100% - 40px);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    max-width: 200px;
    overflow: hidden; }
    .m-img-text > div:last-child > div {
      overflow: hidden;
      padding-left: 10px; }
      .m-img-text > div:last-child > div > h1 {
        font-size: 14px;
        margin: 0;
        padding: 0;
        color: #101828;
        padding-top: 2px;
        font-weight: 500;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      .m-img-text > div:last-child > div > div {
        margin-top: 6px !important;
        font-size: 12px;
        margin: 0;
        padding: 0;
        color: #475467;
        padding-bottom: 2px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }

.m-big-img-text {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%; }
  .m-big-img-text > div:first-child {
    width: 110px; }
    .m-big-img-text > div:first-child > div {
      height: 110px;
      width: 110px;
      background-color: #f2f4f7;
      border-radius: 110px;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat; }
  .m-big-img-text > div:last-child {
    height: 110px;
    width: calc(100% - 110px);
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .m-big-img-text > div:last-child > div {
      overflow: hidden;
      padding-left: 20px; }
      .m-big-img-text > div:last-child > div > h1 {
        font-size: 30px;
        margin: 0;
        padding: 0;
        color: #101828;
        font-weight: 500;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
        @media screen and (max-width: 640px) {
          .m-big-img-text > div:last-child > div > h1 {
            font-size: 18px; } }
      .m-big-img-text > div:last-child > div > div {
        margin-top: 20px !important;
        font-size: 16px;
        margin: 0;
        padding: 0;
        color: #475467; }
        @media screen and (max-width: 640px) {
          .m-big-img-text > div:last-child > div > div {
            font-size: 12px;
            margin-top: 10px !important; } }

.m-pdf-text {
  display: flex;
  align-items: center;
  justify-content: center; }
  .m-pdf-text > div:first-child {
    width: 40px; }
    .m-pdf-text > div:first-child > div {
      height: 40px;
      width: 40px;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat; }
  .m-pdf-text > div:last-child {
    height: 40px;
    width: calc(100% - 40px);
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .m-pdf-text > div:last-child > div {
      padding-left: 10px; }
      .m-pdf-text > div:last-child > div > h1 {
        font-size: 14px;
        margin: 0;
        padding: 0;
        color: #101828;
        font-weight: 500; }
      .m-pdf-text > div:last-child > div > div {
        margin-top: 6px !important;
        font-size: 12px;
        margin: 0;
        padding: 0;
        color: #475467; }
  .m-pdf-text .text h1 {
    max-width: 120px;
    text-overflow: ellipsis;
    overflow: hidden; }

.t-checkbox {
  width: 48px; }

.t-status {
  width: 115px;
  position: relative; }

td .t-text {
  width: 100px; }
  td .t-text a {
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important; }

.filter-table .t-text a {
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important; }

.t-chips {
  width: 130px; }
  .t-chips a {
    width: auto !important; }

.t-open {
  width: 97px; }

.t-pictures a {
  width: auto !important; }

.t-w-auto {
  width: auto !important; }

.t-w-10000 {
  width: 10000px !important; }

.t-actions > div, .t-assign > div {
  padding-right: 0px !important;
  padding-left: 0px !important;
  display: flex;
  align-items: center;
  justify-content: center; }
  .t-actions > div a, .t-assign > div a {
    width: auto !important;
    text-align: right;
    padding-left: 20px;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    text-decoration: none; }

.t-actions a:first-child, .t-assign a:first-child {
  flex-grow: 1 !important; }

.t-actions a:hover span, .t-assign a:hover span {
  color: #8cc300; }

.t-assign, .t-add {
  width: 80px; }
  .t-assign a > div, .t-add a > div {
    background-color: #c92424;
    padding: 10px;
    border-radius: 6px;
    transition: background-color 0.2s ease-in-out; }
    @media screen and (max-width: 640px) {
      .t-assign a > div, .t-add a > div {
        padding: 6px; } }
  .t-assign a:hover > div, .t-add a:hover > div {
    background-color: #e83737; }
  .t-assign a.add > div, .t-add a.add > div {
    background-color: #8cc300; }
  .t-assign a.add:hover > div, .t-add a.add:hover > div {
    background-color: #7ca809; }
  .t-assign a > div > span, .t-add a > div > span {
    color: white;
    font-size: 22px; }
  .t-assign a:hover > div > span, .t-add a:hover > div > span {
    color: white; }

.t-add {
  width: 70px; }
  @media screen and (max-width: 640px) {
    .t-add {
      width: 50px; } }

.t-assign .btn {
  height: 35px;
  font-size: 14px;
  padding: 0px !important;
  justify-content: center;
  min-width: 84px;
  margin-right: 10px; }

.table tr td.t-assign:last-child a:last-child {
  padding: 0px !important; }

.preview-hover {
  position: absolute;
  display: block;
  pointer-events: none;
  width: 356px;
  height: 356px;
  transform: translate(-50%, -100%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  z-index: 100000;
  transition: opacity 0.2s ease-in-out;
  opacity: 0;
  border: 4px solid white;
  border-radius: 10px;
  background-color: #f4f4f4; }

.daterangepicker td.in-range {
  background-color: #fbfff2 !important; }

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #8cc300 !important; }

.daterangepicker .ranges li.active, .daterangepicker .ranges li.active:hover {
  background-color: #8cc300 !important; }

@media screen and (max-width: 775px) {
  .daterangepicker {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
    height: auto;
    max-height: 100vh;
    overflow-y: auto; } }

.daterangepicker .drp-buttons {
  display: flex;
  align-items: center;
  justify-content: center; }
  .daterangepicker .drp-buttons > span {
    display: none !important; }
  .daterangepicker .drp-buttons button {
    height: auto !important;
    padding: 8px 14px !important;
    border-radius: 4px !important; }
  .daterangepicker .drp-buttons .cancelBtn {
    background-color: #ffffff !important;
    color: #344054 !important;
    box-shadow: rgba(16, 24, 40, 0.05) 0px 1px 2px 0px !important; }

.delete-catalog {
  position: absolute;
  top: -21px;
  left: -21px; }

#tooltip {
  display: none;
  position: absolute;
  background-color: #333333;
  color: white;
  font-size: 12px;
  border-radius: 4px;
  padding: 8px 12px;
  white-space: nowrap;
  z-index: 1000; }

#tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -6px;
  border-width: 6px;
  border-style: solid;
  border-color: #333333 transparent transparent transparent; }

#analyze-menu {
  position: absolute;
  top: 0;
  left: 0;
  width: 284px;
  height: 100%;
  background-color: #fff;
  transition: width 0.2s ease-in-out, margin 0.2s ease-in-out;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-drag: none;
  z-index: 3; }
  @media screen and (max-width: 775px) {
    #analyze-menu {
      display: none;
      border-top-right-radius: 24px;
      border-bottom-right-radius: 24px;
      box-shadow: 0 0 40px 0 rgba(22, 22, 22, 0.15);
      background: rgba(255, 255, 255, 0.4);
      backdrop-filter: blur(10px); } }
  #analyze-menu > div {
    width: 100%;
    height: 100%; }
    #analyze-menu > div > .header {
      padding: 32px;
      padding-right: 0px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      align-self: stretch; }
      @media screen and (max-width: 775px) {
        #analyze-menu > div > .header {
          padding: 24px; } }
      #analyze-menu > div > .header > div:first-child {
        width: 64px;
        height: 64px;
        flex-shrink: 0; }
        @media screen and (max-width: 775px) {
          #analyze-menu > div > .header > div:first-child {
            width: 56px;
            height: 56px; } }
        #analyze-menu > div > .header > div:first-child img {
          display: block;
          width: 100%;
          height: 100%; }
      #analyze-menu > div > .header > div:last-child a {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 64px;
        width: 64px;
        text-decoration: none; }
        @media screen and (max-width: 775px) {
          #analyze-menu > div > .header > div:last-child a {
            justify-content: flex-end;
            align-items: flex-start; } }
        #analyze-menu > div > .header > div:last-child a span {
          font-size: 24px;
          color: rgba(22, 22, 22, 0.7);
          transition: transform 0.2s ease-in-out, color 0.2s ease-in-out; }
        #analyze-menu > div > .header > div:last-child a span:first-child {
          display: inline-block; }
        #analyze-menu > div > .header > div:last-child a span:last-child {
          display: none; }
        @media screen and (max-width: 775px) {
          #analyze-menu > div > .header > div:last-child a span:first-child {
            display: none; }
          #analyze-menu > div > .header > div:last-child a span:last-child {
            display: inline-block;
            font-size: 18px; } }
        #analyze-menu > div > .header > div:last-child a:hover span {
          color: #8cc300; }
    #analyze-menu > div > .buttons {
      padding: 32px;
      padding-top: 22px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 12px;
      max-height: calc(100% - 256px);
      overflow: hidden;
      overflow-y: auto;
      transition: padding 0.2s ease-in-out; }
      @media screen and (max-width: 775px) {
        #analyze-menu > div > .buttons {
          padding: 24px;
          padding-top: 0px;
          gap: 16px; } }
      #analyze-menu > div > .buttons::-webkit-scrollbar {
        width: 0 !important;
        background: transparent !important;
        display: none !important;
        -ms-overflow-style: none;
        scrollbar-width: none; }
      #analyze-menu > div > .buttons::-webkit-scrollbar-thumb {
        background: transparent !important; }
      #analyze-menu > div > .buttons a {
        display: flex;
        padding: 16px;
        align-items: center;
        align-self: stretch;
        text-decoration: none;
        gap: 12px;
        transition: background-color 0.2s ease-in-out;
        border-radius: 80px; }
        @media screen and (max-width: 775px) {
          #analyze-menu > div > .buttons a {
            padding: 8px;
            border-radius: 0px; } }
        #analyze-menu > div > .buttons a:hover > div:first-child span {
          color: #161616; }
        #analyze-menu > div > .buttons a:hover > div:last-child {
          color: #161616;
          transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out; }
        #analyze-menu > div > .buttons a.active {
          background: #8cc300; }
          #analyze-menu > div > .buttons a.active > div:first-child span {
            color: #fff; }
          #analyze-menu > div > .buttons a.active > div:last-child {
            color: #fff; }
          @media screen and (max-width: 775px) {
            #analyze-menu > div > .buttons a.active {
              background: transparent; }
              #analyze-menu > div > .buttons a.active > div:first-child span {
                color: #8cc300; }
              #analyze-menu > div > .buttons a.active > div:last-child {
                color: #8cc300; } }
        #analyze-menu > div > .buttons a > div:first-child {
          width: 24px;
          height: 24px; }
          #analyze-menu > div > .buttons a > div:first-child span {
            font-size: 24px;
            color: rgba(22, 22, 22, 0.5);
            transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; }
        #analyze-menu > div > .buttons a > div:last-child {
          color: rgba(22, 22, 22, 0.5);
          transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
          font-family: Inter;
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        #analyze-menu > div > .buttons a.disabled > div {
          color: #dcdcdc !important; }
          #analyze-menu > div > .buttons a.disabled > div span {
            color: #dcdcdc !important; }
    #analyze-menu > div > .profile {
      position: absolute;
      bottom: 0;
      left: 0;
      display: flex;
      padding: 32px 32px 48px 32px;
      align-items: center;
      justify-content: center;
      width: 100%;
      text-decoration: none; }
      @media screen and (max-width: 775px) {
        #analyze-menu > div > .profile {
          padding: 24px 24px 24px 24px; } }
      #analyze-menu > div > .profile > div {
        display: flex;
        align-items: center;
        gap: 16px;
        width: 100%;
        padding: 0px; }
        @media screen and (max-width: 775px) {
          #analyze-menu > div > .profile > div {
            background-color: rgba(255, 255, 255, 0.5);
            border-radius: 8px;
            padding: 16px; } }
        #analyze-menu > div > .profile > div > a {
          display: flex !important;
          flex-direction: column;
          justify-content: center;
          align-items: flex-start;
          color: #161616;
          font-family: Inter;
          font-size: 14px;
          font-style: normal;
          font-weight: 700;
          line-height: normal;
          z-index: 1;
          text-decoration: none;
          width: auto;
          height: 48px; }
        #analyze-menu > div > .profile > div > a:first-child {
          width: 48px;
          height: 48px;
          border-radius: 48px;
          background-color: #f2f4f7;
          background-repeat: no-repeat;
          background-size: cover;
          outline: 2px solid #8cc300;
          outline-offset: 3px; }
        #analyze-menu > div > .profile > div > a:nth-child(2) {
          flex: 1; }
        #analyze-menu > div > .profile > div > a:last-child {
          display: flex;
          width: 28px;
          height: 28px;
          flex-direction: column;
          justify-content: center;
          align-items: flex-end; }
          #analyze-menu > div > .profile > div > a:last-child span {
            color: rgba(22, 22, 22, 0.7);
            transition: color 0.2s ease-in-out; }
          #analyze-menu > div > .profile > div > a:last-child:hover span {
            color: #8cc300; }

@media screen and (max-width: 775px) {
  #analyze-menu.menu-minimized {
    margin-left: -350px; } }

@media screen and (min-width: 776px) {
  #analyze-menu.menu-minimized {
    width: 112px; }
    #analyze-menu.menu-minimized .header {
      flex-direction: column;
      padding-left: 0px;
      padding-right: 0px; }
      #analyze-menu.menu-minimized .header > div:last-child a span {
        transform: rotate(180deg); }
    #analyze-menu.menu-minimized .buttons {
      padding-left: 28px;
      padding-right: 28px;
      padding-top: 0px; }
      #analyze-menu.menu-minimized .buttons a > div:last-child {
        display: none; }
    #analyze-menu.menu-minimized .profile {
      padding: 32px 32px 48px 32px; }
      #analyze-menu.menu-minimized .profile > div > a {
        display: none !important; }
      #analyze-menu.menu-minimized .profile > div > a:first-child {
        display: flex !important; } }

.analyze-menu-container {
  margin-left: 89px !important;
  width: calc(100% - 89px) !important;
  transition: width 0.2s ease-in-out, margin 0.2s ease-in-out;
  max-width: unset !important; }
  @media screen and (max-width: 775px) {
    .analyze-menu-container {
      margin-left: 0px !important;
      width: 100% !important; } }
  .analyze-menu-container .cards tr {
    width: 100% !important;
    flex: 1 1 9% !important;
    min-width: 270px !important;
    max-width: 380px !important;
    /*  @media screen and (min-width: 3516px) {
        width: 8% !important;
      }

      @media screen and (max-width: 3515px) {
        width: 9% !important;
      }

      @media screen and (max-width: 3189px) {
        width: 10% !important;
      }

      @media screen and (max-width: 2863px) {
        width: 11% !important;
      }

      @media screen and (max-width: 2537px) {
        width: 12% !important;
      }

      @media screen and (max-width: 2211px) {
        width: 16% !important;
      }

      @media screen and (max-width: 1885px) {
        width: 20% !important;
      }

      @media screen and (max-width: 1559px) {
        width: 30% !important;
      }

      @media screen and (max-width: 1233px) {
        width: 45% !important;
      }

      @media screen and (max-width: 907px) {
        width: 100% !important;
      }*/ }
    @media screen and (max-width: 596px) {
      .analyze-menu-container .cards tr {
        max-width: 100% !important; } }

.analyze-menu-container.menu-opened {
  margin-left: 260px !important;
  width: calc(100% - 260px) !important; }
  @media screen and (max-width: 775px) {
    .analyze-menu-container.menu-opened {
      margin-left: 0px !important;
      width: 100% !important; } }

.page.analyze-menu-container {
  padding: 10px 40px 30px 40px !important;
  margin-top: 0px !important; }
  @media screen and (max-width: 775px) {
    .page.analyze-menu-container {
      padding: 10px 10px 10px 10px !important;
      height: calc(100% - 70px) !important; } }

.w-100 {
  width: 100%; }

.display-b {
  display: block !important; }

.display-i {
  display: inline !important; }

.display-ib {
  display: inline-block !important; }

.display-n {
  display: none !important; }

.p-0 {
  padding: 0px !important; }

.p-5 {
  padding: 5px !important; }

.p-10 {
  padding: 10px !important; }

.p-15 {
  padding: 15px !important; }

.p-20 {
  padding: 20px !important; }

.p-20-d {
  padding: 20px !important; }
  @media screen and (max-width: 640px) {
    .p-20-d {
      padding: 0px !important; } }

.p-25 {
  padding: 25px !important; }

.pb-0 {
  padding-bottom: 0px !important; }

.pb-5 {
  padding-bottom: 5px !important; }

.pb-10 {
  padding-bottom: 10px !important; }

.pb-15 {
  padding-bottom: 15px !important; }

.pb-20 {
  padding-bottom: 20px !important; }

.pb-25 {
  padding-bottom: 25px !important; }

.pb-30 {
  padding-bottom: 30px !important; }

.pb-35 {
  padding-bottom: 35px !important; }

.pb-40 {
  padding-bottom: 40px !important; }

.pb-45 {
  padding-bottom: 45px !important; }

.pt-0 {
  padding-top: 0px !important; }

.pt-5 {
  padding-top: 5px !important; }

.pt-10 {
  padding-top: 10px !important; }

.pt-15 {
  padding-top: 15px !important; }

.pt-20 {
  padding-top: 20px !important; }

.pt-25 {
  padding-top: 25px !important; }

.pr-0 {
  padding-right: 0px !important; }

.pr-5 {
  padding-right: 5px !important; }

.pr-10 {
  padding-right: 10px !important; }

.pr-15 {
  padding-right: 15px !important; }

.pr-20 {
  padding-right: 20px !important; }

.pr-25 {
  padding-right: 25px !important; }

.pl-0 {
  padding-left: 0px !important; }

.pl-5 {
  padding-left: 5px !important; }

.pl-10 {
  padding-left: 10px !important; }

.pl-15 {
  padding-left: 15px !important; }

.pl-20 {
  padding-left: 20px !important; }

.pl-25 {
  padding-left: 25px !important; }

.m-0 {
  margin: 0px !important; }

.m-5 {
  margin: 5px !important; }

.m-10 {
  margin: 10px !important; }

.m-15 {
  margin: 15px !important; }

.m-20 {
  margin: 20px !important; }

.m-25 {
  margin-bottom: 25px !important; }

.mb-0 {
  margin-bottom: 0px !important; }

.mb-5 {
  margin-bottom: 5px !important; }

.mb-10 {
  margin-bottom: 10px !important; }

.mb-15 {
  margin-bottom: 15px !important; }

.mb-20 {
  margin-bottom: 20px !important; }

.mb-25 {
  margin-bottom: 25px !important; }

.mt-0 {
  margin-top: 0px !important; }

.mt-5 {
  margin-top: 5px !important; }

.mt-10 {
  margin-top: 10px !important; }

.mt-15 {
  margin-top: 15px !important; }

.mt-20 {
  margin-top: 20px !important; }

.mt-25 {
  margin-top: 25px !important; }

.ml-0 {
  margin-left: 0px !important; }

.ml-5 {
  margin-left: 5px !important; }

.ml-10 {
  margin-left: 10px !important; }

.ml-15 {
  margin-left: 15px !important; }

.ml-20 {
  margin-left: 20px !important; }

.ml-25 {
  margin-left: 25px !important; }

.mr-0 {
  margin-right: 0px !important; }

.mr-5 {
  margin-right: 5px !important; }

.mr-10 {
  margin-right: 10px !important; }

.mr-15 {
  margin-right: 15px !important; }

.mr-20 {
  margin-right: 20px !important; }

.mr-25 {
  margin-right: 25px !important; }

.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important; }

.px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important; }

.my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important; }

.mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important; }

.br-100 {
  border-radius: 100% !important; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

.mw-40 {
  max-width: 40% !important; }
  @media screen and (max-width: 640px) {
    .mw-40 {
      max-width: 100% !important; } }

.mw-20 {
  max-width: 20% !important; }
  @media screen and (max-width: 640px) {
    .mw-20 {
      max-width: 100% !important; } }

.mw-60 {
  max-width: 60% !important; }
  @media screen and (max-width: 640px) {
    .mw-60 {
      max-width: 100% !important; } }

.h-auto {
  height: auto !important; }

.c-cross {
  cursor: crosshair !important; }

.f-grow {
  flex-grow: 1 !important; }

.flex-start {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important; }

.flex-col {
  flex-direction: column !important; }

.no-link {
  cursor: default !important; }

.input-checkbox .no-link {
  cursor: pointer !important; }

.h-auto {
  height: auto !important; }

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

.mh-387 {
  min-height: 387px !important; }

.mw-65 {
  min-width: 65px !important; }

.f-13 {
  font-size: 13px !important; }

.o-h {
  overflow: hidden !important; }

.grey-bg {
  background-color: #f2f4f7 !important; }

/*!****************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/daterangepicker/daterangepicker.css ***!
  \****************************************************************************************************/
.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
}

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }

  .daterangepicker .ranges ul {
    width: 140px;
  }

  .daterangepicker.single .ranges ul {
    width: 100%;
  }

  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }

  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
    float: left;
  }

  .daterangepicker {
    direction: ltr;
    text-align: left;
  }

  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }

  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }

  .daterangepicker .ranges, .daterangepicker .drp-calendar {
    float: left;
  }
}

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }

  .daterangepicker .ranges {
    float: left;
  }

  .daterangepicker.rtl .ranges {
    float: right;
  }

  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}

/*!*********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/mapbox-gl/dist/mapbox-gl.css ***!
  \*********************************************************************************************/
.mapboxgl-map{font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative;-webkit-tap-highlight-color:rgb(0 0 0/0)}.mapboxgl-canvas{left:0;position:absolute;top:0}.mapboxgl-map:-webkit-full-screen{height:100%;width:100%}.mapboxgl-canary{background-color:salmon}.mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass{cursor:grab;-webkit-user-select:none;user-select:none}.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer{cursor:pointer}.mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active{cursor:grabbing}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:pinch-zoom}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:none}.mapboxgl-ctrl-bottom,.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-left,.mapboxgl-ctrl-right,.mapboxgl-ctrl-top,.mapboxgl-ctrl-top-left,.mapboxgl-ctrl-top-right{pointer-events:none;position:absolute;z-index:2}.mapboxgl-ctrl-top-left{left:0;top:0}.mapboxgl-ctrl-top{left:50%;top:0;transform:translateX(-50%)}.mapboxgl-ctrl-top-right{right:0;top:0}.mapboxgl-ctrl-right{right:0;top:50%;transform:translateY(-50%)}.mapboxgl-ctrl-bottom-right{bottom:0;right:0}.mapboxgl-ctrl-bottom{bottom:0;left:50%;transform:translateX(-50%)}.mapboxgl-ctrl-bottom-left{bottom:0;left:0}.mapboxgl-ctrl-left{left:0;top:50%;transform:translateY(-50%)}.mapboxgl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.mapboxgl-ctrl-top-left .mapboxgl-ctrl{float:left;margin:10px 0 0 10px}.mapboxgl-ctrl-top .mapboxgl-ctrl{float:left;margin:10px 0}.mapboxgl-ctrl-top-right .mapboxgl-ctrl{float:right;margin:10px 10px 0 0}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl,.mapboxgl-ctrl-right .mapboxgl-ctrl{float:right;margin:0 10px 10px 0}.mapboxgl-ctrl-bottom .mapboxgl-ctrl{float:left;margin:10px 0}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl,.mapboxgl-ctrl-left .mapboxgl-ctrl{float:left;margin:0 0 10px 10px}.mapboxgl-ctrl-group{background:#fff;border-radius:4px}.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px rgba(0,0,0,.1)}@media (-ms-high-contrast:active){.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}.mapboxgl-ctrl-group button{background-color:transparent;border:0;box-sizing:border-box;cursor:pointer;display:block;height:29px;outline:none;overflow:hidden;padding:0;width:29px}.mapboxgl-ctrl-group button+button{border-top:1px solid #ddd}.mapboxgl-ctrl button .mapboxgl-ctrl-icon{background-position:50%;background-repeat:no-repeat;display:block;height:100%;width:100%}@media (-ms-high-contrast:active){.mapboxgl-ctrl-icon{background-color:transparent}.mapboxgl-ctrl-group button+button{border-top:1px solid ButtonText}}.mapboxgl-ctrl-attrib-button:focus,.mapboxgl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl button:disabled{cursor:not-allowed}.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon{opacity:.25}.mapboxgl-ctrl-group button:first-child{border-radius:4px 4px 0 0}.mapboxgl-ctrl-group button:last-child{border-radius:0 0 4px 4px}.mapboxgl-ctrl-group button:only-child{border-radius:inherit}.mapboxgl-ctrl button:not(:disabled):hover{background-color:rgb(0 0 0/5%)}.mapboxgl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23333%27 viewBox=%270 0 29 29%27%3E%3Cpath d=%27M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z%27/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23333%27 viewBox=%270 0 29 29%27%3E%3Cpath d=%27M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z%27/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 viewBox=%270 0 29 29%27%3E%3Cpath d=%27M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z%27/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 viewBox=%270 0 29 29%27%3E%3Cpath d=%27M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z%27/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23000%27 viewBox=%270 0 29 29%27%3E%3Cpath d=%27M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z%27/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23000%27 viewBox=%270 0 29 29%27%3E%3Cpath d=%27M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z%27/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23333%27 viewBox=%270 0 29 29%27%3E%3Cpath d=%27M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z%27/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 29 29%27%3E%3Cpath d=%27M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z%27/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 viewBox=%270 0 29 29%27%3E%3Cpath d=%27M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z%27/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 viewBox=%270 0 29 29%27%3E%3Cpath d=%27M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z%27/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23000%27 viewBox=%270 0 29 29%27%3E%3Cpath d=%27M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z%27/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23000%27 viewBox=%270 0 29 29%27%3E%3Cpath d=%27M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z%27/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23333%27 viewBox=%270 0 29 29%27%3E%3Cpath d=%27M10.5 14l4-8 4 8h-8z%27/%3E%3Cpath id=%27south%27 d=%27M10.5 16l4 8 4-8h-8z%27 fill=%27%23ccc%27/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 viewBox=%270 0 29 29%27%3E%3Cpath d=%27M10.5 14l4-8 4 8h-8z%27/%3E%3Cpath id=%27south%27 d=%27M10.5 16l4 8 4-8h-8z%27 fill=%27%23999%27/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23000%27 viewBox=%270 0 29 29%27%3E%3Cpath d=%27M10.5 14l4-8 4 8h-8z%27/%3E%3Cpath id=%27south%27 d=%27M10.5 16l4 8 4-8h-8z%27 fill=%27%23ccc%27/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23333%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle id=%27dot%27 cx=%2710%27 cy=%2710%27 r=%272%27/%3E%3Cpath id=%27stroke%27 d=%27M14 5l1 1-9 9-1-1 9-9z%27 display=%27none%27/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23aaa%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle id=%27dot%27 cx=%2710%27 cy=%2710%27 r=%272%27/%3E%3Cpath id=%27stroke%27 d=%27M14 5l1 1-9 9-1-1 9-9z%27 fill=%27%23f00%27/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%2333b5e5%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle id=%27dot%27 cx=%2710%27 cy=%2710%27 r=%272%27/%3E%3Cpath id=%27stroke%27 d=%27M14 5l1 1-9 9-1-1 9-9z%27 display=%27none%27/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23e58978%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle id=%27dot%27 cx=%2710%27 cy=%2710%27 r=%272%27/%3E%3Cpath id=%27stroke%27 d=%27M14 5l1 1-9 9-1-1 9-9z%27 display=%27none%27/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%2333b5e5%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle id=%27dot%27 cx=%2710%27 cy=%2710%27 r=%272%27 display=%27none%27/%3E%3Cpath id=%27stroke%27 d=%27M14 5l1 1-9 9-1-1 9-9z%27 display=%27none%27/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23e54e33%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle id=%27dot%27 cx=%2710%27 cy=%2710%27 r=%272%27 display=%27none%27/%3E%3Cpath id=%27stroke%27 d=%27M14 5l1 1-9 9-1-1 9-9z%27 display=%27none%27/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon{animation:mapboxgl-spin 2s linear infinite}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle id=%27dot%27 cx=%2710%27 cy=%2710%27 r=%272%27/%3E%3Cpath id=%27stroke%27 d=%27M14 5l1 1-9 9-1-1 9-9z%27 display=%27none%27/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23999%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle id=%27dot%27 cx=%2710%27 cy=%2710%27 r=%272%27/%3E%3Cpath id=%27stroke%27 d=%27M14 5l1 1-9 9-1-1 9-9z%27 fill=%27%23f00%27/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%2333b5e5%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle id=%27dot%27 cx=%2710%27 cy=%2710%27 r=%272%27/%3E%3Cpath id=%27stroke%27 d=%27M14 5l1 1-9 9-1-1 9-9z%27 display=%27none%27/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23e58978%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle id=%27dot%27 cx=%2710%27 cy=%2710%27 r=%272%27/%3E%3Cpath id=%27stroke%27 d=%27M14 5l1 1-9 9-1-1 9-9z%27 display=%27none%27/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%2333b5e5%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle id=%27dot%27 cx=%2710%27 cy=%2710%27 r=%272%27 display=%27none%27/%3E%3Cpath id=%27stroke%27 d=%27M14 5l1 1-9 9-1-1 9-9z%27 display=%27none%27/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23e54e33%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle id=%27dot%27 cx=%2710%27 cy=%2710%27 r=%272%27 display=%27none%27/%3E%3Cpath id=%27stroke%27 d=%27M14 5l1 1-9 9-1-1 9-9z%27 display=%27none%27/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23000%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle id=%27dot%27 cx=%2710%27 cy=%2710%27 r=%272%27/%3E%3Cpath id=%27stroke%27 d=%27M14 5l1 1-9 9-1-1 9-9z%27 display=%27none%27/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23666%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle id=%27dot%27 cx=%2710%27 cy=%2710%27 r=%272%27/%3E%3Cpath id=%27stroke%27 d=%27M14 5l1 1-9 9-1-1 9-9z%27 fill=%27%23f00%27/%3E%3C/svg%3E")}}@keyframes mapboxgl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 fill-rule=%27evenodd%27 viewBox=%270 0 88 23%27%3E%3Cdefs%3E%3Cpath id=%27logo%27 d=%27M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z%27/%3E%3Cpath id=%27text%27 d=%27M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z%27/%3E%3C/defs%3E%3Cmask id=%27clip%27%3E%3Crect x=%270%27 y=%270%27 width=%27100%25%27 height=%27100%25%27 fill=%27white%27/%3E%3Cuse xlink:href=%27%23logo%27/%3E%3Cuse xlink:href=%27%23text%27/%3E%3C/mask%3E%3Cg id=%27outline%27 opacity=%270.3%27 stroke=%27%23000%27 stroke-width=%273%27%3E%3Ccircle mask=%27url%28%23clip%29%27 cx=%2711.5%27 cy=%2711.5%27 r=%279.25%27/%3E%3Cuse xlink:href=%27%23text%27 mask=%27url%28%23clip%29%27/%3E%3C/g%3E%3Cg id=%27fill%27 opacity=%270.9%27 fill=%27%23fff%27%3E%3Cuse xlink:href=%27%23logo%27/%3E%3Cuse xlink:href=%27%23text%27/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer;display:block;height:23px;margin:0 0 -4px -4px;overflow:hidden;width:88px}a.mapboxgl-ctrl-logo.mapboxgl-compact{width:23px}@media (-ms-high-contrast:active){a.mapboxgl-ctrl-logo{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 fill-rule=%27evenodd%27 viewBox=%270 0 88 23%27%3E%3Cdefs%3E%3Cpath id=%27logo%27 d=%27M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z%27/%3E%3Cpath id=%27text%27 d=%27M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z%27/%3E%3C/defs%3E%3Cmask id=%27clip%27%3E%3Crect x=%270%27 y=%270%27 width=%27100%25%27 height=%27100%25%27 fill=%27white%27/%3E%3Cuse xlink:href=%27%23logo%27/%3E%3Cuse xlink:href=%27%23text%27/%3E%3C/mask%3E%3Cg id=%27outline%27 opacity=%271%27 stroke=%27%23000%27 stroke-width=%273%27%3E%3Ccircle mask=%27url%28%23clip%29%27 cx=%2711.5%27 cy=%2711.5%27 r=%279.25%27/%3E%3Cuse xlink:href=%27%23text%27 mask=%27url%28%23clip%29%27/%3E%3C/g%3E%3Cg id=%27fill%27 opacity=%271%27 fill=%27%23fff%27%3E%3Cuse xlink:href=%27%23logo%27/%3E%3Cuse xlink:href=%27%23text%27/%3E%3C/g%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 fill-rule=%27evenodd%27 viewBox=%270 0 88 23%27%3E%3Cdefs%3E%3Cpath id=%27logo%27 d=%27M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z%27/%3E%3Cpath id=%27text%27 d=%27M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z%27/%3E%3C/defs%3E%3Cmask id=%27clip%27%3E%3Crect x=%270%27 y=%270%27 width=%27100%25%27 height=%27100%25%27 fill=%27white%27/%3E%3Cuse xlink:href=%27%23logo%27/%3E%3Cuse xlink:href=%27%23text%27/%3E%3C/mask%3E%3Cg id=%27outline%27 opacity=%271%27 stroke=%27%23fff%27 stroke-width=%273%27 fill=%27%23fff%27%3E%3Ccircle mask=%27url%28%23clip%29%27 cx=%2711.5%27 cy=%2711.5%27 r=%279.25%27/%3E%3Cuse xlink:href=%27%23text%27 mask=%27url%28%23clip%29%27/%3E%3C/g%3E%3Cg id=%27fill%27 opacity=%271%27 fill=%27%23000%27%3E%3Cuse xlink:href=%27%23logo%27/%3E%3Cuse xlink:href=%27%23text%27/%3E%3C/g%3E%3C/svg%3E")}}.mapboxgl-ctrl.mapboxgl-ctrl-attrib{background-color:hsla(0,0%,100%,.5);margin:0;padding:0 5px}@media screen{.mapboxgl-ctrl-attrib.mapboxgl-compact{background-color:#fff;border-radius:12px;box-sizing:content-box;margin:10px;min-height:20px;padding:2px 24px 2px 0;position:relative}.mapboxgl-ctrl-attrib.mapboxgl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show{border-radius:12px;padding:2px 8px 2px 28px}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner{display:none}.mapboxgl-ctrl-attrib-button{background-color:hsla(0,0%,100%,.5);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill-rule=%27evenodd%27%3E%3Cpath d=%27M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0%27/%3E%3C/svg%3E");border:0;border-radius:12px;box-sizing:border-box;cursor:pointer;display:none;height:24px;outline:none;position:absolute;right:0;top:0;width:24px}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button{left:0}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner{display:block}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button{background-color:rgb(0 0 0/5%)}.mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;right:0}.mapboxgl-ctrl-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0}.mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0;top:0}.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0;top:0}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;left:0}.mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0}}@media screen and (-ms-high-contrast:active){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill-rule=%27evenodd%27 fill=%27%23fff%27%3E%3Cpath d=%27M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0%27/%3E%3C/svg%3E")}}@media screen and (-ms-high-contrast:black-on-white){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill-rule=%27evenodd%27%3E%3Cpath d=%27M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0%27/%3E%3C/svg%3E")}}.mapboxgl-ctrl-attrib a{color:rgba(0,0,0,.75);text-decoration:none}.mapboxgl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.mapboxgl-ctrl-attrib .mapbox-improve-map{font-weight:700;margin-left:2px}.mapboxgl-attrib-empty{display:none}.mapboxgl-ctrl-scale{background-color:hsla(0,0%,100%,.75);border:2px solid #333;border-top:#333;box-sizing:border-box;color:#333;font-size:10px;padding:0 5px;white-space:nowrap}.mapboxgl-popup{display:flex;left:0;pointer-events:none;position:absolute;top:0;will-change:transform}.mapboxgl-popup-anchor-top,.mapboxgl-popup-anchor-top-left,.mapboxgl-popup-anchor-top-right{flex-direction:column}.mapboxgl-popup-anchor-bottom,.mapboxgl-popup-anchor-bottom-left,.mapboxgl-popup-anchor-bottom-right{flex-direction:column-reverse}.mapboxgl-popup-anchor-left{flex-direction:row}.mapboxgl-popup-anchor-right{flex-direction:row-reverse}.mapboxgl-popup-tip{border:10px solid transparent;height:0;width:0;z-index:1}.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{align-self:center;border-bottom-color:#fff;border-top:none}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom-color:#fff;border-left:none;border-top:none}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom-color:#fff;border-right:none;border-top:none}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{align-self:center;border-bottom:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{align-self:center;border-left:none;border-right-color:#fff}.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{align-self:center;border-left-color:#fff;border-right:none}.mapboxgl-popup-close-button{background-color:transparent;border:0;border-radius:0 3px 0 0;cursor:pointer;position:absolute;right:0;top:0}.mapboxgl-popup-close-button:hover{background-color:rgb(0 0 0/5%)}.mapboxgl-popup-content{background:#fff;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.1);padding:10px 10px 15px;pointer-events:auto;position:relative}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content{border-top-left-radius:0}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content{border-top-right-radius:0}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content{border-bottom-left-radius:0}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content{border-bottom-right-radius:0}.mapboxgl-popup-track-pointer{display:none}.mapboxgl-popup-track-pointer *{pointer-events:none;user-select:none}.mapboxgl-map:hover .mapboxgl-popup-track-pointer{display:flex}.mapboxgl-map:active .mapboxgl-popup-track-pointer{display:none}.mapboxgl-marker{left:0;opacity:1;position:absolute;top:0;transition:opacity .2s;will-change:transform}.mapboxgl-user-location-dot,.mapboxgl-user-location-dot:before{background-color:#1da1f2;border-radius:50%;height:15px;width:15px}.mapboxgl-user-location-dot:before{animation:mapboxgl-user-location-dot-pulse 2s infinite;content:"";position:absolute}.mapboxgl-user-location-dot:after{border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px rgba(0,0,0,.35);box-sizing:border-box;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading{height:0;width:0}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-bottom:7.5px solid #4aa1eb;content:"";position:absolute}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-left:7.5px solid transparent;transform:translateY(-28px) skewY(-20deg)}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after{border-right:7.5px solid transparent;transform:translate(7.5px,-28px) skewY(20deg)}@keyframes mapboxgl-user-location-dot-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(3)}to{opacity:0;transform:scale(1)}}.mapboxgl-user-location-dot-stale{background-color:#aaa}.mapboxgl-user-location-dot-stale:after{display:none}.mapboxgl-user-location-accuracy-circle{background-color:#1da1f233;border-radius:100%;height:1px;width:1px}.mapboxgl-crosshair,.mapboxgl-crosshair .mapboxgl-interactive,.mapboxgl-crosshair .mapboxgl-interactive:active{cursor:crosshair}.mapboxgl-boxzoom{background:#fff;border:2px dotted #202020;height:0;left:0;opacity:.5;position:absolute;top:0;width:0}@media print{.mapbox-improve-map{display:none}}.mapboxgl-scroll-zoom-blocker,.mapboxgl-touch-pan-blocker{align-items:center;background:rgba(0,0,0,.7);color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;text-align:center;top:0;transition:opacity .75s ease-in-out;transition-delay:1s;width:100%}.mapboxgl-scroll-zoom-blocker-show,.mapboxgl-touch-pan-blocker-show{opacity:1;transition:opacity .1s ease-in-out}.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas{touch-action:pan-x pan-y}