.snt-navbar {
  position: relative;
}
.snt-navbar__container {
  align-items: center;
}
.snt-navbar__col {
  display: flex;
  align-items: center;
}
.snt-navbar__col.order-1 {
  justify-content: flex-start;
}
.snt-navbar__col.order-2 {
  justify-content: center;
}
.snt-navbar__col.order-3 {
  justify-content: flex-end;
}
.snt-navbar__logo {
  display: flex;
  height: 40px;
}
.snt-navbar__links {
  display: flex;
  align-items: center;
}
.snt-navbar__user {
  display: flex;
  gap: 8px;
  align-items: center;
}
.snt-navbar-user {
  padding: 12px;
  background-color: #ffffff;
}
.snt-navbar-user__title {
  text-align: center;
  margin-bottom: 4px;
}
.snt-navbar-user__name {
  margin-bottom: 4px;
}
.snt-navbar-user__divider {
  margin: 12px 0;
}
.snt-navbar-user__action {
  display: flex;
  justify-content: flex-end;
}
.snt-navbar__col.order-1 .snt-navbar__user {
  flex-direction: row-reverse;
}
.snt-navbar__purchases-number {
  position: absolute;
  top: 0px;
  right: 0px;
  transform: scale(1) translate(50%, -50%);
}
.snt-navbar__badge {
  display: flex;
  font-size: 0.75rem;
  height: 20px;
  min-width: 20px;
  color: #FFFFFF;
  background-color: var(--v-warning-base);
  justify-content: center;
  align-items: center;
  padding: 0 6px;
  border-radius: 10px;
}