html.pwa-standalone #min-widget[data-v-app],
html.pwa-standalone #message-preview[data-v-app],
html.pwa-standalone:not(.hoolox-chat-visible) #max-widget[data-v-app] {
  display: none !important;
}

@media (max-width: 767px) {
  html.hoolox-checkout #min-widget[data-v-app],
html.hoolox-checkout #message-preview[data-v-app],
html.hoolox-checkout .camionIcon__mobile {
    display: none !important;
  }
}
[data-hoolox-chat],
.pwa-profile-hub__row-icon--chat {
  position: relative;
}

[data-chat-unread][hidden] {
  display: none !important;
}

[data-hoolox-chat] .hoolox-chat-unread,
html.pwa-standalone .pwa-profile-hub__row.pwa-profile-hub__row--chat .pwa-profile-hub__row-icon .hoolox-chat-unread {
  align-items: center;
  background: #c51624;
  border: 1px solid #fff;
  border-radius: 999px;
  box-sizing: border-box;
  color: #fff;
  display: inline-flex;
  font: 600 8px/1 "Roboto", sans-serif;
  height: 16px;
  justify-content: center;
  min-width: 19px;
  width: 19px;
  padding: 0;
  pointer-events: none;
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 1;
}

.camion__cantidad,
html.pwa-standalone .pwa-bottom-nav__badge,
html.pwa-standalone .pwa-product-header__cart-badge,
html.pwa-standalone .pwa-club-badge,
html.pwa-standalone .pwa-experience-card__badge-count,
html.pwa-standalone .pwa-club-priority__notification {
  background: #c51624 !important;
}

[data-hoolox-chat] .hoolox-chat-unread[data-chat-overflow=true],
html.pwa-standalone .pwa-profile-hub__row.pwa-profile-hub__row--chat .pwa-profile-hub__row-icon .hoolox-chat-unread[data-chat-overflow=true] {
  font-size: 6px;
}

html.pwa-standalone .pwa-app-header__chat .hoolox-chat-unread {
  right: 2px;
  top: 8px;
}

html.pwa-standalone .pwa-profile-hub__row.pwa-profile-hub__row--chat small [data-chat-status-text] {
  display: inline;
  font: inherit;
  line-height: inherit;
}

html.pwa-standalone .pwa-app-header__chat {
  align-items: center;
  background: transparent;
  border: 0;
  color: #1d1820;
  cursor: pointer;
  display: flex;
  justify-content: center;
  min-height: var(--pwa-header-height);
  padding: 0;
  width: 44px;
}
html.pwa-standalone .pwa-app-header__chat svg {
  fill: none;
  height: 24px;
  stroke: #111111;
  stroke-linecap: round;
  stroke-width: 1.8;
  width: 24px;
}

.hoolox-chat-feedback {
  background: #fff;
  border: 1px solid #eeeae6;
  border-radius: 12px;
  bottom: calc(24px + env(safe-area-inset-bottom));
  box-shadow: 0 4px 16px rgba(43, 25, 61, 0.08);
  box-sizing: border-box;
  color: #36312e;
  font: 400 13px/1.5 "Roboto", sans-serif;
  left: 16px;
  margin: 0 auto;
  max-width: 420px;
  min-height: 52px;
  padding: 14px 16px 8px;
  position: fixed;
  right: 16px;
  text-align: left;
  z-index: 2147482000;
}
.hoolox-chat-feedback[hidden],
.hoolox-chat-feedback [hidden] {
  display: none !important;
}
.hoolox-chat-feedback p {
  margin: 0;
  padding-right: 28px;
}
.hoolox-chat-feedback__actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0 18px;
}
.hoolox-chat-feedback button,
.hoolox-chat-feedback a {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 4px;
  box-sizing: border-box;
  color: #2b193d;
  cursor: pointer;
  display: flex;
  font: 500 12px/1.4 "Roboto", sans-serif;
  justify-content: center;
  min-height: 44px;
  padding: 8px 0;
  text-align: center;
  text-decoration: none;
}
.hoolox-chat-feedback button:focus-visible,
.hoolox-chat-feedback a:focus-visible {
  outline: 2px solid #2b193d;
  outline-offset: 2px;
}
.hoolox-chat-feedback [data-chat-dismiss] {
  color: #8b898d;
  font-size: 22px;
  font-weight: 300;
  min-width: 44px;
  padding: 0;
  position: absolute;
  right: 3px;
  top: 3px;
}
.hoolox-chat-feedback [data-chat-fallback] {
  color: #777277;
  font-weight: 400;
}

html.pwa-standalone .hoolox-chat-feedback {
  bottom: calc(80px + env(safe-area-inset-bottom));
}

[data-hoolox-chat][aria-busy=true] {
  opacity: 0.55;
}

[data-hoolox-chat]:focus-visible {
  outline: 2px solid #4c1d95;
  outline-offset: 3px;
}

html.pwa-standalone [data-chat-status]:not([data-chat-status=online]) .pwa-chat-status-dot {
  animation: none;
  background: #8d8793;
  box-shadow: none;
}